Highcharts

Question

我有一张图表，其中包含大约 5 个系列。但是同时启用其中两个是没有意义的。当我的页面加载时，根据后端代码，一个被启用，一个被禁用——这很好。但很明显，用户可以通过单击图例来启用第二个系列。有人可以分享一些在启用 A 系列时禁用 B 系列的快速 JS 代码吗？谢谢！

Answer 1

使用legendItemClick事件回调函数并切换相反系列的可见性。

    series: [..., {
        ...,
        events: {
            legendItemClick: function() {
                this.chart.series[4].setVisible();
            }
        }
    }, {
        ...,
        events: {
            legendItemClick: function() {
                this.chart.series[3].setVisible();
            }
        },
        visible: false
    }]

现场演示： http://jsfiddle.net/BlackLabel/tpj26vqw/

API参考：

https://api.highcharts.com/highcharts/series.line.events.legendItemClick

https://api.highcharts.com/class-reference/Highcharts.Series#setVisible

Highcharts - 如何在启用另一个系列时禁用一个系列？

Highcharts - How to I disable a series when I enable another one?

javascript