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

时间:2014-10-30 11:27:17

标签: javascript charts highcharts

我有一张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配置了一个点击事件,它按预期工作(即将鼠标悬停在绿色区域上时,显示指针光标)。

1 个答案:

答案 0 :(得分:1)

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

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

.pointChart
{
    cursor: pointer;
}

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