Question

如何将光标更改为＆＃39;默认＆＃39;而不是使用＆＃39;指针＆＃39;？

我使用此功能禁用了我的图表：

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

但是光标是指针光标。

Answer 1

我认为最简单的方法是使用itemStyle并将游标设置为默认值。

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

实施例： - http://jsfiddle.net/fc8vmarp/1/

Answer 2

您可以创建CSS类hover并定义此类悬停时的行为

.hover:hover {
   cursor: default;
}

创建图表后，可以将.hover设置为要更改光标的DOM元素。

Answer 3

您可以在数据标签中使用HTML，因为您似乎无法使用Highcharts选项更改图例的样式[编辑：我错了=＆gt; itemStyle正如Sebastian Bochan在答案中提到的那样]。

以下是一个示例：jsfiddle

    series: [{
        name: '<span style="cursor:default;">Tokyo</span>',
        marker: {
            symbol: 'square'
        },
        data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, {
            y: 26.5,
            marker: {
                symbol: 'url(https://www.highcharts.com/samples/graphics/sun.png)'
            }
        }, 23.3, 18.3, 13.9, 9.6]

    }, {
        name: '<span style="cursor:default;">London</span>',
        marker: {
            symbol: 'diamond'
        },
        data: [{
            y: 3.9,
            marker: {
                symbol: '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]
    }]

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

3 个答案: