highcharts隐藏xAxis

时间:2013-07-01 16:13:05

标签: highcharts label config axis

我有一个条形图显示,我可以完全控制颜色,对齐,数据标签格式等,但是当图表呈现时,x轴下方有一个标签,显示蓝色的“Y值”。

生成的加价就像这样......

<g class="highcharts-axis" zIndex="2">
  <text x="145" y="181" 
      style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#6D869F;font-weight:bold;fill:#6D869F;" 
      zIndex="7" 
      text-anchor="middle" 
      visibility="visible">
    <tspan x="145">Y-values</tspan>
  </text>
</g>

,它不知道我需要覆盖哪个配置值。

我花了很长时间试图弄清楚这是图表对象,xAxis对象还是数据系列的属性,没有运气。

在绝望中我搜索了源代码并发现“Y值”在highcharts.js中只出现一次,并且似乎是defaultYAxisOptions.title.text的默认值

ob.prototype={ defaultYAxisOptions:{ title:{ text:"Y-values" } } };

如果我将源更改为“hello world!”然后出来而不是Y值,但不一定要改变来源!

如果我将配置更改为阅读...

               Highcharts.setOptions({
                    // lots of other settings
                    defaultYAxisOptions: {
                        title: {
                            text: "something else"
                        }
                    },
                    // some more settings
                });

我仍然得到“Y值”。

将自己的值分配给此设置或隐藏它的正确位置在哪里?

1 个答案:

答案 0 :(得分:1)

你说它在你的xAxis上,它显示“Y值”作为文本。看起来很奇怪,是的。要删除轴titles,你会做类似的事情(下面是xAxis,但yAxis也是如此):

xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
            title: {
                enabled: false
            }
        }

我强烈建议您熟悉API。