Highcharts创建自定义yAxis标签

kxeu7u2r  于 2023-10-20  发布在  Highcharts
关注(0)|答案(1)|浏览(148)

我想创建以下图表的例子,xAxis和线是没有问题的-这已经完成。但我就是不能让自定义的yAxis标签配置开始工作。有人能提供一个例子,如何做到这一点与highcharts?

我在我的Axis选项中尝试了类似的东西,但没有像示例图片中那样工作:

yAxis: {
  tickPositioner() {
    return [1e-8, 0.000001, 0.0001, 0.01, 1, 100, 10000];
  },
  min: 0,
  labels: {
    reserveSpace: true,
    formatter() {
      return this.value;
    },
  },
}

上面代码的结果是这样的:

奇怪的是,这段代码与上面的例子非常接近:

tickPositions: [-8, -7, -4, -2, 0, 1, 2, 4],
tickPositioner: null,

注意:很难在这里提供一个例子,因为我的系列是非公开的,数据集可能是4000-8000点。

sg24os4d

sg24os4d1#

这是logarithmic y轴类型的完美用例。
您可以通过以下方式启用该选项:

yAxis: {
    type: 'logarithmic'
  }

但是,要显示负值,您需要添加一个小的扩展。有用的线程:https://www.highcharts.com/forum/viewtopic.php?t=49524

现场演示:https://jsfiddle.net/BlackLabel/9pgujcyd/
**网址:**https:www.highcharts.com/docs/chart-concepts/axes#logarithmic
API引用:https://api.highcharts.com/highcharts/yAxis.type

相关问题