使用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
答案 0 :(得分:10)
这实际上是一个备受追捧的问题/答案。从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
对我来说效果很好答案 1 :(得分:1)
您可以使用yAxis.setTitle()并在需要时设置/删除标题。
这是api文档link
答案 2 :(得分:0)
@arcseldon,如果同时设置了min和max,则showEnabled = false会中断。在这种情况下,可能的解决方法是设置楼层和最大值