隐藏系列而不隐藏y轴

Question

有很多隐藏Y轴而不隐藏系列的示例-但我需要相反的说法。

我想使一个系列不可见，同时仍显示y轴，我不知道该怎么做！

为什么？

因为我有2个图表，它们的x轴完全对齐：

但是，当我同时禁用两个温度字段时，该轴将丢失，并且图表尺寸不正确：

我也不喜欢禁用所有功能并失去整个图表样式的想法：

有一个空的图表没有问题，但是有一个空白框不是我想要达到的样式。

我试图在legendItemClick事件中操纵该轴，但是选择正确的轴并将其值设置为可见并没有解决。 我怎么解决这个问题？

Answer 1

我认为您有两种选择：

• 玩边距 -使它们固定
• 设置轴的min和max ，因此标签将保留在图表上： 示例

如果您一开始不知道最小值/最大值，则可以在legendItemClick中更改它们，如下所示：

 plotOptions: {
        series: {
            events: {
                legendItemClick: function() {
                    var temperatur = this.chart.series[0];
                    var taupunkt = this.chart.series[1];
                    var other = this.name=="Lufttemperatur"?taupunkt:temperatur;
                    var element = this;
                    if(this.name == "Lufttemperatur" || this.name == "Taupunkt") {
                        if(this.visible && !other.visible) {
                            //both will be invisible soon
                            this.chart.yAxis[0].update({
                                min:element.yAxis.min,
                                max:element.yAxis.max
                            });
                        } else {
                            //one will be visible
                            this.chart.yAxis[0].update({
                                min:null,
                                max:null
                            });
                        }
                    }
                }
            }
        },
 }

如果您的系列中没有一个人可见，则只会设置最小/最大；如果您的系列中没有一个可见，则会将其删除