2017-04-20 80 views
0

请看看这个highcharts Y轴的配置:Highcharts y轴的最大值是不是我所期望它是

yAxis: [{ 
    max: 4, 
    tickAmount: 4, 
    tickInterval: 1, 
    endOnTick: false 
}], 

小提琴:https://jsfiddle.net/TedLilljegren/8fx9u9v7/

正如你所看到的,小提琴显示柱状图使用highcharts.js。 我的问题是这样的:
yAxis的最小值是0,非常合理,但最大值是6!
这是为什么?
我已经将yAxis的最大值设置为4,它小于6,另外我设置了tickInterval为1,tickAmount为4,这应该导致最大y极值为4!
据我所知,数组中的yAxis对这个问题没有影响,endOnTick也没有。
如果有人能帮助我理解这一点,我会很感激!

回答

0

当您设置tickAmountmax值可能会延长;从docs

如果tickAmount被设置,轴可以超出设定最大在 为了达到刻度线的给定数量的延长。在多轴坐标轴的 图表中可能会发生同样的情况,这由chart.alignTicks确定,其中内部应用了 tickAmount。

如果您删除tickAmount您的max值不会受到影响。

Highcharts.chart('container', { 
 
    yAxis: [{ 
 
    max: 4, 
 
    tickInterval: 1 
 
    }], 
 
    chart: { 
 
    type: "column", 
 
    }, 
 
    series: [{ 
 
    data: [9, 0, 1] 
 
    }] 
 
});
<script src="https://code.highcharts.com/highcharts.js"></script> 
 

 
<div id="container" style="height: 400px; max-width: 800; margin: 0 auto"></div>

+0

非常感谢你,我promisie我读过的文档,但这些词的含义躲避我... – FriendlyMonkey