javascript - 用于图表单击事件的 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/