Highcharts在悬停时更改列颜色

时间:2013-10-02 20:16:20

标签: javascript jquery highcharts

看起来这应该很简单,但我无法弄明白,API文档中似乎没有任何工作。我希望在该列悬停时更改单个列的颜色。

我已尝试将数据中的每个点设置为使用colorFill悬停状态,但无效,我还尝试在plotOptions属性<{1}}中进行设置/ p>

这里有一些帮助:http://jsfiddle.net/TheSharpieOne/DMcQ3/

试过这个:http://api.highcharts.com/highcharts#series.data.marker.states.hover.fillColor
试过这个:http://api.highcharts.com/highcharts#plotOptions.column.states.hover.marker.fillColor
两者都没用。不知道还能做什么。

我发现了这个:Highcharts: changing color on hover ranking chart但它改变了整个系列,而不仅仅是当前的点/列。

1 个答案:

答案 0 :(得分:17)

你几乎就在那里,但你想设置color而不是fillColor(而不是标记) - 我将其添加到图表声明中:

plotOptions: {
    column: {
        states: {
            hover: {
                color: '#000000'                                                           
            }
        }
    }
}

并从列数据中删除了states内容,这似乎适用于此fiddle

而且,是的,文档中的内容并不是很清楚......