在 highcharts 中以编程方式更改面积图的颜色答案

【问题标题】：Change color of area chart programmatically in highcharts在 highcharts 中以编程方式更改面积图的颜色
【发布时间】：2012-03-20 04:01:09
【问题描述】：

我想在初始渲染后更改面积图的颜色。

在单击按钮后的 JSFiddle 演示中，当您将鼠标悬停在数据点上或通过单击图例切换显示以隐藏然后再次显示时，您可以看到颜色发生了变化。

在这两个中，主要区域的颜色都没有更新，但数据点和图例已经更新。

任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

您可以动态更改它，但您需要操作 SVG DOM 元素而不是图表对象：

$($('.highcharts-series').children()[0]).attr('fill','blue')

生产：

【讨论】：

【解决方案2】：

我也尝试过更改它，但没有运气，唯一的方法是重新创建图表，如here所见@

【讨论】：

感谢时代。这是我目前的解决方案，但它似乎有点 hacky。我需要渲染图表以获得一些 plotX 和 plotY 值，然后使用这些值重新渲染图表以获得准确的渐变停止。不是最漂亮的解决方案，但我想它有效。