highcharts - Highchart 实心仪表：触发点击灰色区域

Question

我用highchart的实测

我想向点击事件发送回调，而不是在数据区域而是在灰色区域。

（您可以查看此示例以了解我的意思是“灰色区域” 。https://www.highcharts.com/demo/gauge-solid）

（我使用版本 4.1.7 - 这是由客户设计的，我无法更改它，但请告诉我选项是什么 - 我会将它们“转换”为 4.1.7 选项）

谢谢

标签： highcharts

Answer 1

您可以在窗格上添加点击事件：

    chart: {
        type: 'solidgauge',
        events: {
            load: function() {
                this.pane[0].group.on('click', function() {
                    console.log('Clicked on pane!')
                });
            }
        }
    }

---

现场演示： https ://jsfiddle.net/BlackLabel/e5muf7j1/

API 参考： https ://api.highcharts.com/class-reference/Highcharts.SVGElement#on