【问题标题】:how can I move yAxis labels from Right of chart to left of chart in highstock如何在 highstock 中将 yAxis 标签从图表右侧移动到图表左侧
【发布时间】:2015-03-22 02:17:42
【问题描述】:

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

这是一个jsfiddle 示例,其中我们在图表右侧有Fresh Breeze 之类的标签,我希望它在左侧。

在以前的 Highstock 版本中,默认情况下它位于左侧。 我还尝试了yAxis 选项中的属性align:left,但它没有给出预期的结果。

谢谢

【问题讨论】:

  • 左对齐看起来可以工作,只是将其中一个选项更改为“强风”,看起来非常好:jsfiddle.net/LKtpc/26 ...

标签: charts highcharts highstock


【解决方案1】:

您不想在轴级别设置 align:left,您需要在 plotband 标签级别使用它。

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

将其更改为 align:leftx:0

(或者,根本不设置 align 或 x 属性,默认情况下标签将在左侧,因为它们一直是......)

示例:

{{编辑:

您最初的问题引用了 highcharts 中的 plotband 标签...

但您的问题似乎真的是关于 Highstock 中的 y 轴位置。

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

yAxis: {
  opposite:false
}

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

例子:

【讨论】:

  • highstock 最新版本默认不在左侧
  • 好的,但是您的示例不在 Highstock 中 :) 答案是否解决了您的问题,还是还有更多?如果您在使用 highstock 但仍有问题,请使用 highstock 发布您的示例,我们可以解决。
  • 我刚刚从 Highstock 网站上找到了这个例子。看看jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/…
  • 您的问题最初是指绘图带标签对齐。我对您此时实际上在问什么感到非常困惑。有关更多信息,请参阅更新的答案。
  • 是的,您的更新答案正是我所要求的。谢谢
【解决方案2】:

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

yAxis: {
  opposite: false
}

不过,这似乎并不直观。

【讨论】:

    猜你喜欢
    • 2023-03-26
    • 1970-01-01
    • 1970-01-01
    • 2018-04-19
    • 1970-01-01
    • 1970-01-01
    • 2019-12-28
    • 2019-10-02
    • 1970-01-01
    相关资源
    最近更新 更多