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

kin*_*ode 2 javascript css jquery highcharts

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

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

plotOptions: {
    column: {
        events: {
            hover: {
                background: '#000000'
            }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

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

Hal*_*and 5

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

你可以改为使用这个对象(JSFiddle):

xAxis: {
    crosshair: {
        color: 'pink'
    }
}
Run Code Online (Sandbox Code Playgroud)

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

tooltip: {
    crosshairs: {
        color: 'pink'
    }
}
Run Code Online (Sandbox Code Playgroud)

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

  • 对于后代:根据文档,从4.1版开始,`tooltip.crosshairs`已被弃用,`xAxis.crosshair`是官方解决方案. (3认同)