如何在 Highcharts 中为图例设置不同的光标样式？

Question

我正在尝试使用不同的光标样式来悬停在 Highcharts 图表中的图例上。

例如，图例 Series 1 应该有 cursor:"default"，Series 2 应该有 cursor:"pointer"。悬停时。

我该怎么做？

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

如何在 Highcharts 中为图例设置不同的光标样式？

How to have different cursor style for legends in Highcharts?

javascript

css

highcharts

highstock