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

2023-11-25

使用 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'
            }, 
                 ...

我读过一些报告,其中如果同时设置了 min 和 max,则 showEnabled = false 会中断。在上面的情况下,仅设置了 min,它对我使用 Highcharts V3.0.5 效果很好

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Javascript Highcharts v3.0.5 - 使用多个 Y 轴时如何隐藏 Y 轴标题 的相关文章

随机推荐