Highcharts 隐藏 X 轴。

Question

我有一张柱状图，我可以控制颜色、对齐方式、数据标签格式等，但是当图表渲染时，X轴下方会显示一个蓝色的“Y-values”标签。

生成的标记如下...

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

这并没有给出我需要覆盖的配置值的线索。

我花费了太长时间试图弄清楚这是图表对象、x 轴对象还是数据系列的属性，但都没有成功。

绝望之下，我搜索了源代码，并发现“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-values”。

正确的地方在哪里分配我的值，或者隐藏它？

- user2539471

---

http://api.highcharts.com/highcharts#yAxis.title.text - Mark

但是您需要隐藏刻度/标签或“x轴线”吗？ - Sebastian Bochan

Answer 1

你说它在你的x轴上，显示的是"Y-values"文本。看起来很奇怪，是的。要删除titles轴，你可以像下面这样操作（以下是x轴，但y轴也适用）：

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

我强烈建议熟悉该API。

- wergeld

---

是的，这让我有点困惑。虽然我确定我正在查看X轴 - 这是从左到右的水平轴，但我理解Y轴是垂直的 - 这个标签读作“Y-values”，而该文本出现在源代码中的唯一位置是在ob.prototype = {defaultYAxisOptions：{title：{text：“Y-values”}}}; 中。 - Brian Lowe

@BrianLowe，如果您能创建一个jsFiddle并使用您的代码和一些代表性数据来重现此问题，那将很有帮助。也许是您的轴反转了 - 但是如果没有看到您的highcharts代码，就无法确定。 - wergeld

如果是水平条形图，则x轴和y轴交换位置，正如它们应该的那样。 - jlbriggs

@jlbriggs，正确。我的意思是他可能把它们翻转了，不知道但看到了标签，他认为那里不应该有标签。 - wergeld