如何将yAxis标签从图表右侧移动到图表左侧

时间:2015-01-23 04:45:29

标签: charts highcharts highstock

如何将yAxis标签从图表右侧移动到图表的左侧。

以下是jsfiddle示例,其中我们在图表右侧有Fresh Breeze标签,我希望它在左侧。

在以前版本的Highstock中,它默认为左侧。 我还在align:left选项中尝试了属性yAxis,但它没有提供所需的结果。

由于

2 个答案:

答案 0 :(得分:24)

您不希望在轴级设置align:left,您需要在绘图带标签级别使用它。

该示例中的代码明确告诉图表将绘图带标签对齐,并将它们向右推动40个像素。

将其更改为align:leftx:0

(或者,根本不要设置对齐或x属性,默认情况下,标签将位于左侧,因为它们一直都是......)

示例:

<强> {{编辑:

您的原始问题引用了highcharts中的plotband标签......

但似乎你的问题实际上是关于Highstock的y轴位置。

要将其向左移动,您需要添加以下内容:

yAxis: {
  opposite:false
}

因为Highstock默认将轴设置为opposite:true

示例:

答案 1 :(得分:5)

为了将yAxis标签放在左侧,只需将yAxis'反向属性设置为false。

yAxis: {
  opposite: false
}

虽然看起来并不直观。