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

标签 javascript css highcharts

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

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

我该怎么做?

jsfiddle

最佳答案

您可以像这样在 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分别对应series 1和series 2

关于javascript - 如何在 Highcharts 中为图例设置不同的光标样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46218888/

相关文章:

javascript - 弹出模式在页面顶部被 chop

javascript - 业务仪表板框架 - MVC,可通过浏览器访问

javascript - 可以使用 jQuery 在 2 个 FontAwesome 5 图标(常规和实心)之间切换

javascript - 如何使用 odata 和 javascript 获取作为 sitefinity 12 Web 服务中的分类的团队成员字段的值

javascript - 验证部署失败 : "SyntaxError: Unexpected" while Mup builds to NGINX?

javascript - 我可以控制 CKEditor 在何处找到要加载的插件吗?

jquery - SVG 高斯模糊在 Firefox 中不起作用

html - 在再次调整窗口大小之前不会触发 masonry 布局

css - 根据它包含的值向 <text> 标记的一部分添加样式

javascript - 使用 Highcharts 删除 TreeMap 中的第二个工具提示