javascript - 在 Highstock 中的左侧标签后开始图形渲染

Question

在我的高库存图表中，我需要在图表左侧添加标签。当我使用 opposite: false + align: left 作为标签时，它们位于图表上方。但我想在标签结束后开始图形渲染。 Left side labels without required graph render

我之前在 Highcharts 中看到了我的问题的解决方案，而不是在 highstock 中。但现在我找不到它来显示我到底需要什么

预期结果

提前致谢

Answer 1

好的，所以您希望标签位于绘图区域内。

您可以通过添加来做到这一点

labels: {
  align: 'left',
  x: 0
}

给您的yAxis属性。

这会将标签的起点移动到轴线，并将标签从该点向右延伸。如果你想让它们进一步向内推，只需增加 x .

您将遇到的问题是绘图不会尊重标签位置 - 您的线条仍将从同一点开始，就好像标签不存在一样。

通常情况下，您可以只使用 minPadding xAxis 上的设置增加标签的空间，但这在 navigator 的情况下不起作用，如下所述:

• http://api.highcharts.com/highstock/xAxis.minPadding

When the axis' min option is set or a min extreme is set using axis.setExtremes(), the minPadding will be ignored

我确信这个问题有一些解决办法，但我目前没有解决方案。

更新了 fiddle :

• http://jsfiddle.net/d6mre68v/