jqplotで簡単な横棒グラフを作りたいのですが、Y軸のカテゴリ表示が折り返しになってしまいとても見づらいです。
html
1<html> 2<body> 3 4<div id='graph' style="width:300; height:100;"></div> 5 6<script src="jquery.min.js"></script> 7<script src="jquery.jqplot.min.js"></script> 8<script src="jqplot.barRenderer.js"></script> 9<script src="jqplot.categoryAxisRenderer.js"></script> 10<script> 11$(function(){ 12 13 var data = [ [ 10, '営業所' ], [ 20, 'ショップ' ], [ 15, 'おみせ' ] ]; 14 var options = { 15 seriesDefaults: { 16 renderer: jQuery . jqplot . BarRenderer, 17 rendererOptions: { 18 barDirection: 'horizontal', 19 barWidth: 10, 20 varyBarColor: true 21 } 22 }, 23 axes: { 24 yaxis: { 25 renderer: jQuery . jqplot . CategoryAxisRenderer, 26 } 27 }, 28 } 29 plot = $.jqplot( 30 'graph', 31 [ data ], 32 options 33 ); 34 35}); 36</script> 37</body> 38</html>
何か設定方法があるかと調べてみたのですが、調べ方が悪いのかよい情報にたどり着けませんでした。
1)Y軸のカテゴリ表示を折り返さない方法
2)出来たら右寄せ
の設定方法や代替案をお持ちの方がいらっしゃったらご教授いただければ幸いです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/12/04 06:02
2017/12/04 07:38