Highcharts 如何使用chart.addButton()方法?

Highcharts 如何使用chart.addButton()方法?,highcharts,Highcharts,Highcharts图表对象的addButton方法似乎未记录在Highcharts API中。我认为它将支持navigation.buttonOptions中的常用按钮选项,因此我尝试了以下方法: chart.addButton({ customButton: { text: 'Test', onclick: function () { alert('clic

Highcharts图表对象的addButton方法似乎未记录在Highcharts API中。我认为它将支持navigation.buttonOptions中的常用按钮选项,因此我尝试了以下方法:

    chart.addButton({
            customButton: {
                text: 'Test',
                onclick: function () {
                    alert('clicked');
                },
                symbol: 'circle'
            }
        });
它创造了一个新的隐形世界!按钮,但似乎忽略了我的所有选项。尽管按钮被渲染为不可见,但它在鼠标上方高亮显示。但是当我点击它时,Highcharts会生成错误TypeError:d是未定义的


如果有人能做到这一点,我会感谢一些指导。谢谢。

以这种方式创建的按钮只能通过chart.ExportsGelements访问,请参阅:

要更新标题或填充颜色,请使用属性选项


对我来说,它可以工作,请确保您已经加载了exporting.js文件,请参阅:@PawełFus:谢谢!我的错误是使用了{customButton:{}包装选项。效果非常好。谢谢一个区别。我的按钮和符号位于数组的位置0和1,可能是因为我在Highcharts.Chart构造函数的回调中调用addButton,而不是在分配给load事件的函数中。你知道是否有可能改变符号吗?symbol.attr{symbolName:square};更改对象中的属性,但对屏幕没有任何影响。再次感谢,这是不可能的。我想你应该去掉那个按钮,再做一个新的。。
    var l = chart.exportSVGElements.length,
        button = chart.exportSVGElements[l - 2], //-2 because structure is: [button, symbol, button, symbol ...]
        symbol = chart.exportSVGElements[l - 1];

    button.attr({
        title: "New title!"
    });
    symbol.attr({
        fill: "green"
    });