如何在HighCharts中拥有不同的光标样式

Question

我试图在HighCharts图中具有不同的光标样式。

例如，Legend Series 1应该具有cursor:"default"，并且Series 2应具有cursor:"pointer"。悬停时。

我该怎么做？

jsfiddle

Answer 1

您可以在这样的CSS中定义规则：

.highcharts-legend-item.highcharts-color-0 text {
    cursor: pointer !important;
}
.highcharts-legend-item.highcharts-color-1 text {
    cursor: crosshair !important;
}

color-0和color-1分别对应于系列1和系列2