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

我如何使用chart.addButton（）方法？

1 个答案: