Question

我有一个页面，允许人们从一组值中选择要绘制的值，有时这些值会非常不同，例如系列A为1-10，B系列为1000-1200。

现在，这会使A系列难以阅读，但这可以通过将其置于不同的y轴来解决。

有没有人在使用Highcharts之前/知道一个很好的方法来处理它？</ p>

我以为我之前看过一个插件（我现在无法找到）。

另一种方法是找到每条线的最小值和最大值，然后手动拆分。

Answer 1

如何仅使用两个单独的yAxes？就像这样：http://jsfiddle.net/p8f8ko6z/

$('#container').highcharts({
    xAxis: [{
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    }],
    yAxis: [{ // Primary yAxis

    }, { // Secondary yAxis
        opposite: true
    }],
    series: [{
        yAxis: 1,
        data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]

    }, {
        data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
    }]
});

因此，无论您拥有什么数据，都要使用两个独立的轴。您可以添加特定颜色和标题以显示哪个系列连接到哪个轴。

Answer 2

在构建图表时，可以在系列选项中指定第二个Y轴：

Series: {
  yAxis: 1
}

series.area.yAxis

您还可以将yAxis彼此分开：

Two panes, candlestick and volume

如果系列＆＃39;自动在Highcharts上拆分y轴。价值观并不相似

2 个答案: