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

Javascript Highcharts v3.0.5 - How to hide Y Axis Title when using multiple Y Axis

本文关键字：标题 隐藏 v3 Highcharts Javascript      更新时间：2023-09-28

使用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

事实证明，这是一个备受追捧的问题/答案。自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 对我来说效果很好

您可以使用yAxis.setTitle（）并在需要时设置/删除标题。

这是api文档链接

@arcseldon，如果同时设置了最小值和最大值，则showEnabled=false中断是正确的。在这种情况下，一个可能的解决方法是设置下限和最大值，而不是

相关文章：