javascript - Highcharts 中的轴标签对齐

Question

我在设置 xAxis 标签的对齐方式以使其看起来正常时遇到问题。第一个和最后一个标签的位置未与轴极值对齐，而是移出了图表区域本身。

我尝试了很多方法，例如将溢出设置为对齐，还尝试定位标签，但在 Highcharts 中，可以对所有标签应用对齐或 x 位置等设置。如果只有一种方法可以将第一个和最后一个标签分别向左对齐，另一个向右对齐，那将是完美的。这是 JSfiddle:

labels: {
            step: 11,
            maxStaggerLines : 1
        }

jsfiddle code

附言。 :为了只显示第一个和最后一个标签，我使用了步骤。

有什么建议吗？

Answer 1

有几种方法可以解决它:

• 将 marginRight 设置得更高，例如设置为 25px
• 为标签设置宽度，这样它们就会被包裹起来

一般来说，在使用基于日期的数据时，我建议使用 datetime xAxis。创建类别而不是处理...类别，如水果、汽车等。例如，我建议使用:http://jsfiddle.net/32cWY/