javascript - Highcharts 在悬停时更改列颜色

标签 javascript jquery highcharts

看起来这应该很简单,但我无法弄清楚,而且 API 文档中的任何内容似乎都不起作用。我想在悬停单个列时更改该列的颜色。

我尝试将数据中的每个点设置为具有 colorFill 的悬停状态,但无济于事,我还尝试在 plotOptions 中设置它 属性

这里有一些帮助: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但它改变了整个系列,而不仅仅是当前点/列。

最佳答案

你几乎就在那里,但你想设置 color 而不是 fillColor (而不是在标记上)——我把这个添加到图表声明中:

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

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

而且,是的,这在文档中不是很清楚......

关于javascript - Highcharts 在悬停时更改列颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19146049/

相关文章:

javascript - 循环 jQuery 简单动画线 3 次

javascript - 如何让我的 ajax 方法正确有效的文本框?

javascript - 在 jquery 单击事件上打开和关闭边框半径

javascript - 动态修改 HighChart 布局选项

javascript - 全屏 bootstrap 4 卡与 highcharts

javascript - 使用具有动态函数绑定(bind)的测试 spy 的好方法

javascript - 在不打开 href 的情况下激活它

jquery - TinyMCE 4 - 删除()或销毁()

javascript - Highcharts 。设置列/栏背景颜色的全高

如果使用 <a>,javascript 不会向处理程序提交数据