highcharts/stock charts自定义工具栏按钮文本/标题

Question

我想知道如何自定义自定义按钮的工具提示.

所有自定义按钮的例子是像这样用_titleKey: 'printButtonTitle'

将此设置为其他任何内容都会导致undefined工具提示.我花了一段时间来查看源代码,但是无法找到它.

此外,虽然使用像id这样的东西,并用jquery替换它,$('#foo-button title').html('yey');但自定义按钮没有分配id.

Answer 1

虽然接受了答案,但我想提出一个替代解决方案.Highcharts确实为自定义按钮设置自定义标题提供了一种方法(遗憾的是,没有详细记录).Highchart从其全局语言对象中读取字符串Highchart.lang.要拥有自定义标题,您需要使用Highcharts.setOptions()全局方法将按钮标题添加为此属性中的新属性(您可以按名称调用新属性,但保留的属性除外),如下所示

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

要记住的一件事是,这是一个全局属性,因此需要在进行构造函数调用之前设置它,并且必须在Highcharts命名空间中调用它,而不是作为单独的图表选项的一部分.

您现在可以在按钮中使用上面设置的标题,方法是_titleKey为按钮指定一个属性,其值与上面用于设置名称的键对应

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

        }
    }
}

自定义按钮标题| Highcharts&Highstock @ jsFiddle