javascript - Highcharts 将 xAxis 下移/移出图表

Question

我正在处理以前开发人员的遗留代码，他们使用的是 highcharts.js (v3.0.1)。 xAxis 落在图中 ( screenshot )，我无法弄清楚这是为什么。我试图在 jsfiddle 中重新创建它，但我无法让该轴移动。我认为这可能是版本中的一个错误，但我无法复制它，所以我认为这必须是网站自己的 CSS 中的某些东西正在操纵它，但是，它是用 g、rect、和我在任何自定义 CSS 文件中都看不到的文本标签。

我已经浏览了这里的其他 Highchart.js 帖子，但我还没有看到这个问题的帖子。有谁知道我错过了什么？

编辑:我忘了提及这一点，但所有用户名都居中 text-center

Answer 1

准确检查 xAxis 标签的对齐方式。如我所见，它们是垂直旋转的，因此设置适当的标签对齐属性很重要:

  xAxis: {
    categories: ['Apple', 'Samsung', 'Dell', 'Lenovo'],
    labels: {
      align: 'left',
      rotation: 90
    }
  }

演示:
- 标签居中对齐:https://jsfiddle.net/wchmiel/29b4qejc/
- 标签左对齐:https://jsfiddle.net/wchmiel/56evyrxj/

API引用:
https://api.highcharts.com/highcharts/xAxis.labels.align