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

Question

在 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();
                }
            }

从悬停在“打印”或“下载”上可以看出，工具提示是未定义的。

所以，我的问题很简单，我在哪里定义它？

此致 ：）

Answer 1

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

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

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/

Answer 2

直接添加_titleKey，见：http: //jsfiddle.net/x36qR/1/

Answer 3

我想补充一点，即使按钮不是custom ， lang 选项也有效。例如，

lang: {
    myKey: "Hello"
},
exporting: {
    buttons: {
        exportButton: {
            _titleKey:"myKey",
            enabled: true
        },
        printButton: {
            enabled: true
                }
           }
    }, ...

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