相对百分比高度未正确显示

时间:2013-08-08 20:12:46

标签: javascript highcharts

我正在尝试调整图表,以便最高栏始终为100% 然而,似乎有一个轻微的填充,导致图形实际上比它应该的几个百分点小。

以下是我到目前为止的内容:http://jsfiddle.net/MrDhG/

我试图做的是将以下内容添加到y轴:

y-axis: 
...
endOnTick: false,
maxPadding: 0,
...

示例:http://jsfiddle.net/MrDhG/1/

但是,这会将条形设置为超过100%。 例如,如果图表是0-150%并且它停止在100%,那么这很好,但目前它的行为有点不可预测。

1 个答案:

答案 0 :(得分:1)

您可以获得最大版本,并使用tickPositioner计算间隔。

简单示例:http://jsfiddle.net/MrDhG/12/

tickPositioner:function(){

            var min = 0,
                tick = 0,
                positions = [],
                increment = Math.ceil((this.dataMax - this.dataMin) / 6);

            for (min; tick<= this.dataMax; tick += increment) {
                positions.push(tick);
            }
            return positions;                 

        },