highcharts - 如何使用 chart.addButton() 方法？

Question

Highcharts 图表对象有一个 addButton() 方法，似乎在 Highcharts API 中没有记录。我认为它会支持来自 navigation.buttonOptions 的常用按钮选项，所以我尝试了这个：

    chart.addButton({
            customButton: {
                text: 'Test',
                onclick: function () {
                    alert('clicked');
                },
                symbol: 'circle'
            }
        });

它在 Export contextButton 左侧创建了一个新的（不可见的！）按钮，但似乎忽略了我的所有选项。尽管该按钮呈现为不可见，但它在鼠标悬停时突出显示。但是当我点击它时，Highcharts 会生成错误“TypeError: d is undefined”。

如果有人得到这个工作，我会很感激一些指导。谢谢。

Answer 1

以这种方式创建的按钮只能通过 访问chart.exportSVGElements，请参阅：http: //jsfiddle.net/3bQne/288/

要更新标题或填充颜色，请使用attr(options).

    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"
    });