BarChart不适合图表区域

Question

通过使用下面的代码，X轴的最大值只有85000，并隐藏了部分120k值，是否有任何选项来修复此轴渲染行为？

var s1 = ["84486", "74987", "120249"]; 
var ticks = ['Length', 'Width', 'Height']; 

$.jqplot('revi_chart', [s1], { 
    seriesDefaults: { 
     renderer: $.jqplot.BarRenderer, 
     pointLabels: { show: true, location: 'w'}, 
     rendererOptions: { barDirection: 'horizontal'}, 
    }, 
    axes: { 
     xaxis: { tickOptions: { showLabel: true, showGridline: false}}, 
     yaxis: { renderer: $.jqplot.CategoryAxisRenderer, ticks: ticks, 
     tickOptions: { showGridline: false }} 
    }, 
    highlighter: { show: false} 
}); 

这里是小提琴： http://jsfiddle.net/frelis/x7Lyj5t6/12/

Answer 1

使s1成为数字数组。它期望X轴上的数字。 从更改代码：

var s1 = ["84486", "74987", "120249"]; 

到

var s1 = [84486, 74987, 120249]; 

看到当前运行的版本：http://jsfiddle.net/x7Lyj5t6/13/

这样，X轴总是会自动设置为最大值。

Answer 2

可以在x轴设置的最大值这样的：

axes: { 
     xaxis: { tickOptions: { showLabel: true, showGridline: false}, 
    max:200000}, 
     yaxis: { renderer: $.jqplot.CategoryAxisRenderer, ticks: ticks, 
      tickOptions: { showGridline: false }} 
    }, 

http://jsfiddle.net/Tintin37/dox289ea/

你可以得到的最大值您数组并设置最大轴值也是这样的：

var maxVal = Math.max.apply(null, s1); 

xaxis: { tickOptions: { showLabel: true, showGridline: false}, 
     max: maxVal +10000}, 

http://jsfiddle.net/Tintin37/7ntw19Lp/

有一个好的一天！