单击按钮时的Highchart系列样式

时间:2018-04-16 12:55:33

标签: javascript reactjs graph highcharts

我使用Highcharts库(样条图表)来显示一些数据,我在该图表中有多个系列,图表外有几个按钮。

现在点击任何按钮,我想显示所选的特定系列(可能是一些不同的样式或不透明度)。

例如:我有3个系列和3个按钮,点击第一个按钮我想选择第一个系列,依此类推。

我使用React和Highcharts库。

有什么建议吗?

我已经尝试使用className,但我不得不重绘图形,这不是我想要的方式。无论如何都可以在不重绘图形的情况下执行此操作吗?

1 个答案:

答案 0 :(得分:0)

您可以在html中创建几个按钮并将这些按钮链接到您的高级图表。

这是您应该使用的功能:

$('#buttonId').click(function () {
    chart.update({
        series: [{
                data: [] // new data array here
       }]
    });
});

Highcharts有一个演示使用按钮来更新他们的图表类型,位于here以防您想要了解有关按钮和图表样式的更多信息。