Highcharts 左对齐多类别xaxis highchart

图像1

图像2

我想将标签左对齐，但当我这样做时，标签会像图像2一样堆叠在另一个标签上

---

请帮助我

给绿色和蓝色栏一个容器div/span。然后应用标签和容器span/div a“display:inline block”css

---

通过这样做，您将强制条为标签“留出空间”。

为绿色和蓝色条提供容器div/span。然后应用标签和容器span/div a“display:inline block”css

---

通过这样做，您将强制栏为标签“留出空间”。

您还可以将useHTML设置为true，对标签使用formatter，然后使用CSS样式

编辑：

---

}

您还可以将useHTML设置为true，将formatter用于标签，然后使用CSS样式

编辑：

---

}

此款无固定宽度：

.highcharts-axis-labels span {
  left: 0 !important;
}

由于它使用最大标签的宽度，并通过提高“left”值移动较小的标签一次，因此可以通过将其设置为0来防止出现这种情况。因此，无需固定宽度或“对齐：左”

更新：

标签“useHTML”设置必须设置为true才能工作

xAxis: {
  labels: {
    useHTML: true,

---

这一个在没有固定宽度的情况下工作：

.highcharts-axis-labels span {
  left: 0 !important;
}

由于它使用最大标签的宽度，并通过提高“left”值移动较小的标签一次，因此可以通过将其设置为0来防止出现这种情况。因此，无需固定宽度或“对齐：左”

更新：

标签“useHTML”设置必须设置为true才能工作

xAxis: {
  labels: {
    useHTML: true,

---

标签是另一个堆栈，而不是标签上的图表堆栈。标签是另一个堆栈，而不是标签上的图表堆栈。谢谢您的帮助。我现在可以做了。但我的分类文本长度超过60px，我想将其宽度设置为自动。但当我设置“自动”时，它会再次正确对齐：（如果将“宽度”设置为“自动”，则不能使用“文本对齐”，因为对象（标签）具有文本的宽度，而不是“块”。所以您应该将宽度定义为i.e 100或更大，这对于您的字长来说是正确的。谢谢您的帮助。我现在可以这样做。但我的类别文本长度超过60px，我想将其宽度设置为自动。但当我设置为自动时，它会再次正确对齐：（如果您将宽度设置为自动，则无法使用文本对齐，因为对象（标签）具有文本宽度，而不是“块”。所以您应该将宽度定义为100或更大，这对于您的单词长度是正确的。