Highcharts:更改突出显示柱形图的颜色

时间:2015-08-11 17:54:59

标签: javascript jquery css highcharts

如何将以下小提琴中的列组的背景/高亮颜色更改为另一种颜色,而不是默认显示的浅蓝色?

我尝试以各种方式使用plotOptions,但都无法完成任务。

plotOptions: {
    column: {
        events: {
            hover: {
                background: '#000000'
            }
        }
    }
}

http://jsfiddle.net/vcehgfge/2/

1 个答案:

答案 0 :(得分:5)

突出显示来自xAxis.crosshair = true。这似乎没有文档记录,但功能类似于tooltip.crosshairsAPI),它允许您自定义十字准线。

您可以改为使用此对象(JSFiddle):

xAxis: {
    crosshair: {
        color: 'pink'
    }
}

在外观上与此相同(JSFiddle):

tooltip: {
    crosshairs: {
        color: 'pink'
    }
}

可能后者是优先的,因为它实际上已经记录在案。