Javascript 具有两个轴的Highcharts图表缩放不正确
我有点不知所措。对海图来说有点新鲜。我有一个淡化版本的图表,我正在与我看到的问题 在两个y轴上有三个值。第二个y轴与第一个y轴链接,以确保它们共享相同的比例 但是,当第一个y轴的值远大于第二个y轴时,图表不会自动重新调整大小,数据点会离开图表 在本例中,如果您查看本系列:Javascript 具有两个轴的Highcharts图表缩放不正确,javascript,charts,highcharts,axis,Javascript,Charts,Highcharts,Axis,我有点不知所措。对海图来说有点新鲜。我有一个淡化版本的图表,我正在与我看到的问题 在两个y轴上有三个值。第二个y轴与第一个y轴链接,以确保它们共享相同的比例 但是,当第一个y轴的值远大于第二个y轴时,图表不会自动重新调整大小,数据点会离开图表 在本例中,如果您查看本系列: { name: "Vals 0", type: 'column', yAxis: 1, data: [10, 200] } 值200不在图表中,因为比例似乎只关心样条线y轴 你知道为
{
name: "Vals 0",
type: 'column',
yAxis: 1,
data: [10, 200]
}
值200不在图表中,因为比例似乎只关心样条线y轴
你知道为什么会这样吗?能做些什么来解决这个问题
谢谢 当一个轴是另一个轴时,它会从主轴取极值。由于主轴(第一个Y轴)已指定给样条曲线,因此主轴中的最大值为12。因此,使具有最大极值的y轴成为主轴
series: [{
name: "Vals 0",
type: 'column',
yAxis: 0,
data: [10, 200]
}, {
name: "Vals 1",
type: 'spline',
yAxis: 1,
data: [4, 6]
}, {
name: "Vals 2",
type: 'spline',
yAxis: 1,
data: [3, 1]
}]
太棒了,我不知道yAxis旗的事。我可以将它们全部设置为0,并按预期进行渲染,而无需找出哪个类别的值最高。干杯