Javascript 禁用后更改图例上的光标单击

如何将光标更改为“默认”，而不是使用“指针”

我使用以下命令禁用了图形：

plotOptions: {
    line: {
        events: {
           legendItemClick: function () {
               return false;
           }
        }
     }
 }

---

但是光标是指针光标。

您可以创建一个CSS类

hover

，并定义该类悬停时的行为

.hover:hover {
   cursor: default;
}

---

创建图形后，您可以将

.hover

设置为要更改光标所在的DOM元素。

您可以在数据标签中使用HTML，因为您似乎无法使用Highcharts选项更改图例的样式[编辑：我错了=>

项目样式

，正如Sebastian Bochan在其回答中提到的那样]

以下是一个例子：

系列：[{
名称:"东京",，
标记：{
符号：“正方形”
},
数据：[7.0,6.9,9.5,14.5,18.2,21.5,25.2{
y:26.5，
标记：{
符号：'url(https://www.highcharts.com/samples/graphics/sun.png)'
}
}, 23.3, 18.3, 13.9, 9.6]
}, {
名称：“伦敦”，
标记：{
符号：“钻石”
},
数据：[{
y:3.9，
标记：{
符号：'url(https://www.highcharts.com/samples/graphics/snow.png)'
}
}, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}]

我认为最简单的方法是使用

itemStyle

并将游标设置为默认值

legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0,
        itemStyle: {
            'cursor': 'default'
        }
    },

例如：

---

-

比我的答案更好…：）

legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0,
        itemStyle: {
            'cursor': 'default'
        }
    },