图表点击事件的 Highcharts 指针光标

Question

我有一个 Highcharts 实心仪表图。 Here is an example on JSFiddle.

我想在用户点击图表的任何部分时配置点击事件，而不仅仅是数据。我可以通过以下方式做到这一点：

chart: {
            type: 'solidgauge',
            events:{
                click: function(event) {
                    alert('Chart clicked but no pointer cursor...');
                }
            }
        }

我还希望鼠标悬停在图表上时显示光标指针。 Highcharts 通常提供cursor 选项，但在chart 的情况下不提供。我试图将cursor: "pointer" 放在任何地方，但没有任何效果。

请注意，在同一个示例中，我为series 配置了一个点击事件，它按预期工作（即当鼠标悬停在绿色区域上时，会显示指针光标）。

Answer 1

Highcharts 允许您设置图表的类，因此请使用 css 类：

 chart: {
    className: 'pointChart',
    type: 'solidgauge', ........

和

.pointChart
{
    cursor: pointer;
}

http://jsfiddle.net/aL2tstoy/3/