如何在组合高位图中隐藏系列数据和类别

时间:2018-10-03 02:44:38

标签: javascript highcharts

我使用组合图表。我还需要隐藏类别值。 我需要在单击特定图例时隐藏特定的饼图和柱形图数据以及类别值。

enter code here http://jsfiddle.net/BlackLabel/an82p5qw/

1 个答案:

答案 0 :(得分:0)

您可以使用breaks模块中的broken-axis来隐藏数据的轴部分。

            events: {
                legendItemClick: function() {
                    var value1,
                        value2;

                    if (this.index) {
                        value1 = this.index === 1 ? 0.5 : 1;
                        value2 = 0.5;
                    } else {
                        value1 = 0.5;
                        value2 = 1;
                    }

                    if (!this.visible) {
                        breaks[this.index] = {}
                        this.series.chart.xAxis[0].update({
                            breaks: breaks
                        });
                    } else {
                        breaks[this.index] = {
                            from: this.index - value1,
                            to: this.index + value2,
                            breakSize: 0
                        }
                        this.series.chart.xAxis[0].update({
                            breaks: breaks
                        });
                    }
                }
            }

实时演示:http://jsfiddle.net/BlackLabel/tgrs3o0d/