highcharts/stock charts自定義工具欄按鈕文本/標題

我想知道如何自定義按鈕自定義工具提示。highcharts/stock charts自定義工具欄按鈕文本/標題

所有自定義按鈕的例子是像this與_titleKey: 'printButtonTitle'

在undefined作爲工具提示將其設置爲別的結果。我花了一段時間從源代碼中查找創建的位置，但無法找到它。

此外，儘管使用類似於id的東西，並用jquery $('#foo-button title').html('yey');取代它，但自定義按鈕沒有分配ID。

2012-09-27 dogmatic69

您可以使用_id將id設置爲按鈕，然後使用jQuery進行更新。

exporting: { 
    buttons: { 
     'myButton': { 
      _id: 'myButton', 
      symbol: 'diamond', 
      x: -62, 
      symbolFill: '#B5C9DF', 
      hoverSymbolFill: '#779ABF', 
      onclick: function() { 
       alert('click!') 
      } 
     } 
    } 
} 

var buttonTitle = 'updated title'; 
jQuery("#myButton").attr('title', buttonTitle).children().text(buttonTitle);

demo

來源

2012-09-27 17:26:26

由於對應鍵的值的按鈕_titleKey財產使用你的按鈕上面的一組標題，奇怪你不能做一些簡單的標題：'foobar'或tooltip：'foobar' – dogmatic69

雖然一個答案被接受，我想提出一個替代的解決方案。Highcharts確實給出了一種方法（不幸的是，雖然沒有很好的記錄）爲自定義按鈕設置自定義標題。 Highchart從其全球語言對象Highchart.lang中讀取字符串。爲了有一個自定義標題，您需要將按鈕標題添加爲新的屬性（您可以通過名字來稱呼新的屬性，除了保留的）在使用Highcharts.setOptions()全局方法這個對象如下

Highcharts.setOptions({ 
    lang: { 
     myButtonTitle: "Don't Click" 
    } 
});

需要記住的一件事是這是一個全局屬性，因此需要在構造函數調用之前進行設置，並且必須在Highcharts名稱空間上調用它，而不是作爲單個圖表選項的一部分。

您現在可以通過指定與上面用來設置名稱

exporting: { 
    buttons: { 
     'myButton': { 
      _id: 'myButton', 
      symbol: 'diamond', 
      x: -62, 
      symbolFill: '#B5C9DF', 
      hoverSymbolFill: '#779ABF', 
      onclick: function() { 
       alert('click!') 
      }, 
      _titleKey: "myButtonTitle" 

     } 
    } 
}

Custom Button Title | Highcharts & Highstock @ jsFiddle

來源

2012-09-27 18:16:51

highcharts/stock charts自定義工具欄按鈕文本/標題

回答

相關問題