时间戳

首页 > 解决方案 > 在显示双 y 轴的同时显示多条绘图线

angularjs - 在显示双 y 轴的同时显示多条绘图线

问题描述

我有一个显示多个 Y 轴方向相反的图表。它绘制正确，但它为两个轴显示单独的线。

这是针对我在 highchart 上绘制的 yAxis 的。我已经在 highchart 网站上尝试过，并尝试在小提琴上复制多行。

yAxises.push({
        allowDecimals: false,
        title: { text: ' ' },
        opposite: true,
        top: '0%',
        height: '100%',
        min: yAxises[0].min,
        max: yAxises[0].max,
        offset: 0
      });

我希望如果我有多个具有不同最小值和最大值的 y 轴，那么最小值和最大值都应该绘制在同一条线上，例如

YAxis -1             Y-Axis - 2

2 ------------------- 1.5

1 ------------------- 0.5

标签： angularjshighcharts

解决方案

tickAmount您可以为 y 轴或使用tickPositioner函数设置相同的属性。

yAxis: [{
    min: 0,
    max: 10,
    tickAmount: 3
}, {
    min: 0,
    max: 16,
    tickAmount: 3
}]

现场演示：http: //jsfiddle.net/BlackLabel/p12xj7zL/

API参考：

https://api.highcharts.com/highcharts/yAxis.tickPositioner

https://api.highcharts.com/highcharts/yAxis.tickAmount

推荐阅读