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 开始，可以将“showEmpty: false”分配给 y 轴定义，这将确保在隐藏时，Y 轴文本标签也被隐藏。下面的配置示例片段:

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

我读过报告，其中如果同时设置了最小值和最大值，则此 showEnabled = false 中断。在上面的例子中，只设置了 min，我使用 Highcharts V3.0.5 效果很好