3

我有一个条形图显示,我可以完全控制颜色、对齐方式、数据标签格式等,但是当图表呈现时,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值”。

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

4

1 回答 1

1

您说它在您的 xAxis 上,并且将“Y 值”显示为文本。看起来很奇怪,是的。要删除轴标题,您可以执行以下操作(下面是 xAxis,但同样适用于 yAxis):

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

我强烈建议您熟悉 API。

于 2013-07-01T16:57:07.013 回答