Question

我正在处理以前的开发人员的旧代码，他们使用highcharts.js（v3.0.1）。 xAxis降落在图形（screenshot）内，我无法弄清这是为什么。我试图在jsfiddle中重新创建它，但是我无法移动该轴。我以为这可能是该版本中的错误，但我无法复制它，因此我认为必须在站点自己的CSS中对其进行操作，但是它是使用g，rect，以及我在任何自定义CSS文件中都看不到的文本标签。

我在这里浏览了其他Highchart.js帖子，但尚未看到发布此问题的信息。有人知道我在想什么吗？

编辑：我忘了提及这一点，但是所有用户名都以text-center为中心

Answer 1

您是否使用标签填充？ https://api.highcharts.com/highcharts/xAxis.labels.padding

请确保该数字大于0。

Answer 2

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

  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

高图将xAxis下移/移出图表

2 个答案: