高图,条形图,在悬停时更改条形颜色

Highcharts, bar chart, change bar color on hover?

本文关键字:颜色 条形图 悬停 高图      更新时间:2023-09-26

使用条形图上的 states.hover 属性,似乎没有直接的方法可以更改悬停条的颜色。

参考:

  • http://api.highcharts.com/highcharts#plotOptions.bar.states.hover

有解决方法吗?

能够

更新"亮度"似乎很奇怪,但不仅仅是能够直接指定悬停状态填充颜色......

{

{编辑

好的,所以,如果条上没有明确设置颜色,则 hover.color 有效,但如果颜色设置为点级别(即 ' {y:8, color:'#00ff00'} '),则不工作。

例:

  • http://jsfiddle.net/3qtZr/44/

我有一个图表,我需要在点级别显式设置一些颜色,但仍想在悬停时覆盖颜色。

有什么想法吗?

有颜色属性。

 states: {
          hover: {
                 brightness: 0.2,
                 color: '#ffccee'
                    }
}

只需在配置 obj 中提供它

    series: [
        {
            //data
            states: {
                hover: {
                    brightness: 0.5,
                    color: '#4318FF'
                }
            },
        }
    ],