Javascript Highcharts v3.0.5 - 如何在使用多个Y轴时隐藏Y轴标题

Question

使用Highcharts(v.3.0.5)时,我在同一图表中显示多个Y轴.使用图例,用户可以根据需要选择隐藏或显示任何Y轴.所有这些都是Highcharts javascript库的功能.但是,当隐藏Y轴时,其标题仍然在图表中可见.当隐藏Y轴的其余部分时,我想隐藏它.感到惊讶的是,这不是默认行为.有谁知道这是怎么做到的吗？

通过查看Highcharts示例页面上提供的示例可以看到该行为:

http://www.highcharts.com/demo/combo-multi-axes

例如,如果隐藏"降雨量"轴,则标题在图表中保留为"降雨量".

我发现这篇文章(几年前),其中提出了完全相同的问题.但是,提出的解决方案不起作用.显示和隐藏事件,重新显示一切.

http://forum.highcharts.com/highcharts-usage/how-to-hide-y-axis-title-multiple-axis-t6973/#p32842

Answer 1

这实际上是一个备受追捧的问题/答案.从Highcharts V2.2开始,可以为y轴定义指定"showEmpty:false",这将确保隐藏时,Y轴文本标签也会被隐藏.下面的配置示例片段:

                 yAxis: [{
                min: 0,
                showEmpty: false,
                labels: {
                    formatter: function() {
                        return this.value;
                    },
                    style: {
                        color: '#3366CC'
                    }
                },
                title: {
                    text: 'Clicks',
                    style: {
                        color: '#3366CC'
                    }
                },
                id: 'Clicks'
            }, 
                 ...

如果同时设置了min和max,我已经阅读过showEnabled = false的报告.在上面的例子中,只设置了min,使用Highcharts V3.0.5对我来说效果很好