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

Highcharts pointer cursor for chart click event

本文关键字：Highcharts 指针 光标 事件 表单 单击      更新时间：2023-09-26

我有一个Highcharts实心规格图。这里有一个关于JSFiddle的例子。

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

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

我还希望鼠标在图表上时显示光标指针。Highcharts通常提供cursor选项，但在chart的情况下则不然。我试过把cursor: "pointer"放在任何地方，但都没用。

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

Highcharts允许您设置图表的类，以便使用css类：

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

和

.pointChart
{
    cursor: pointer;
}

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

相关文章：