2016-11-14 4 views
0

ハイチャートを使用しています。エクスポートするためにexporting.jsを追加しました。ハイチャートexporting.jsメニューのホバータイトルを変更する

「グラフコンテキストメニュー」というタイトルのメニューが表示されます。

参照イメージ添付:

enter image description here

またhereにそれを見ることができます:

$(function() { 
    Highcharts.chart('container', { 

     chart: { 
      type: 'column' 
     }, 

     title: { 
      text: 'Total fruit consumtion, grouped by gender' 
     }, 

     xAxis: { 
      categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] 
     }, 

     yAxis: { 
      allowDecimals: false, 
      min: 0, 
      title: { 
       text: 'Number of fruits' 
      } 
     }, 

     tooltip: { 
      formatter: function() { 
       return '<b>' + this.x + '</b><br/>' + 
        this.series.name + ': ' + this.y + '<br/>' + 
        'Total: ' + this.point.stackTotal; 
      } 
     }, 

     plotOptions: { 
      column: { 
       stacking: 'normal' 
      } 
     }, 

     series: [{ 
      name: 'John', 
      data: [5, 3, 4, 7, 2], 
      stack: 'male' 
     }, { 
      name: 'Joe', 
      data: [3, 4, 4, 2, 5], 
      stack: 'male' 
     }, { 
      name: 'Jane', 
      data: [2, 5, 6, 2, 1], 
      stack: 'female' 
     }, { 
      name: 'Janet', 
      data: [3, 0, 4, 4, 3], 
      stack: 'female' 
     }] 
    }); 
}); 

私の質問それが何かを言うので、私はタイトルテキストを変更することができますis..How?

答えて

1

実は、そこにAPIを経由してタイトルを変更するためのオプションですが、あなたはグローバルオプションで設定する必要があり - lang.contextMenuTitle

Highcharts.setOptions({ 
    lang: { 
    contextButtonTitle: 'custom text' 
    } 
}); 

例:http://jsfiddle.net/1zmwjskz/

0

ドキュメントによれば、現在のところ、これを行うオプションはありません- details of the available options are listed here。しかし、いつでもjQueryを使用できます。

$(document).ready(function(){ 
    $("g.highcharts-contextbutton > title").text("Something else"); 
}); 

作業fiddle

関連する問題