2016-09-16 4 views
1

X軸の最大値は85000で、120kの値の一部が隠れています。この軸レンダリング動作を修正するオプションはありますか?ここでBarChartがチャート領域に収まらない

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/

答えて

0

s1に数値の配列を設定します。 X軸の数値が必要です。

var s1 = [84486, 74987, 120249]; 

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

で作業バージョンを参照してください:からのコードを変更し http://jsfiddle.net/x7Lyj5t6/13/

この方法では、X軸は常に最大値を設定し、自動的になります。

+0

それは、とても感謝しています。 – Luis

0

あなたはそのようなx軸上の最大値を設定することができます。

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

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

あなたのの最大値を取得することができます配列を作成し、max軸の値もこのように設定します。

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

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

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

良い一日を!

関連する問題