Highcharts空间使用

时间:2013-06-20 11:17:10

标签: javascript highcharts

我有以下问题。如果没有定义最大值,Highcharts总是在栏的末尾添加空格。为了说明它,我附上了一张图片。蓝色区域是图表在里面的div,我想要在蓝色区域末端100%结束的条形图。我知道我可以通过在轴上设置max:1来实现这一点,但我正在寻找一种动态方法,因为当我定义max时它是固定的,如果图表中的最大值是80%我再次以未使用的空间结束。

谢谢塞巴斯蒂安

Bar Chart

2 个答案:

答案 0 :(得分:0)

您应该为yAxis设置max为100,而不是1.

编辑:

maxPadding设为0,将endOnTick设为true

http://jsfiddle.net/Km8CK/4/

http://api.highcharts.com/highcharts#xAxis.maxPadding http://api.highcharts.com/highcharts#xAxis.endOnTick

答案 1 :(得分:0)

将maxPadding设置为0,将endOnTick设置为false。

示例:http://jsfiddle.net/Km8CK/6/

maxPadding:0,
endOnTick:false,