Highcharts中自定义按钮的工具提示

时间:2013-05-31 14:34:37

标签: highcharts

在Highcharts API文档中找到了这个小提琴: http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/exporting/buttons-text/

printButton: {
                text: 'Print',
                onclick: function () {
                    this.print();
                }
            }

从徘徊在" print"或"下载",工具提示未定义。

所以,我的问题,简单地说,我在哪里定义它?

最好的问候:)

3 个答案:

答案 0 :(得分:20)

如果要为按钮添加自定义工具提示文本,则必须在图表的选项中添加“lang”对象,并使用某些文本定义键。

然后在自定义按钮的定义中使用该键。

var chart = new Highcharts.Chart({
    chart: {
        // your chart options
    },
    lang: {
       yourKey: "Custom button tooltip text"
    },
    exporting: {
        buttons: {
            yourCustomButton: {
                text: "Click me",
                _titleKey: "yourKey",
                onclick: function() {
                    // button functionality goes here
                }
            }
        }
    }
});

请参阅http://jsfiddle.net/7wEEj/

答案 1 :(得分:2)

直接添加_titleKey,请参阅:http://jsfiddle.net/x36qR/1/

答案 2 :(得分:0)

我想添加即使按钮不是自定义,lang选项也能正常工作。 例如,

#rcorners3 {
margin-left:auto;
margin-right:auto;
...
}

#rcorners2 {
  margin-left:auto;
  margin-right:auto;
  ...
}

#rcorners4 {
  margin-left:auto;
  margin-right:auto;
  ...
}

使您可以翻译导出和打印按钮的工具提示。