colors - 如何禁用 Highcharts 中的悬停颜色更改？

Question

我正在为我的项目使用柱形图。我编写了一个自定义函数，根据图表的 y 值对每个条形进行着色。当我初始化图表时，这工作得很好。当我将鼠标悬停在图表上时，条形的颜色将恢复为默认值，而我的自定义颜色永远不会返回。

我尝试过禁用悬停，但这似乎不起作用。即使将鼠标悬停在栏上，我也不希望颜色发生变化。有什么建议吗？

Answer 1

您正在寻找this option :

   plotOptions: {
        series: {
            states: {
                hover: {
                    enabled: false
                }
            }
        }
    },

fiddle here .

编辑

不要直接修改 SVG 来设置颜色，而是在 api 中进行:

    var max = 200;
    var seriesData = $.map([107, 31, 635, 203, 2],function(datum, i){
        return {
            color: datum > max ? 'red' : '#2f7ed8',
            y: datum
        };
    });


  $('#container').highcharts({
        chart: {
            type: 'bar'
        },
        tooltip: {
            valueSuffix: ' millions'
        },
        series: [{
            name: 'Year 1800',
            data: seriesData
        }]
    });

新fiddle .