5
いいえ、私は棒グラフを持っています。 それは基本的には動作しますが、y軸のラベルはちょっと長くて包み込み、お互いに走ります。jqplotのy軸ラベル領域の幅を変更する
私はCSSを変更しようとしましたが、JSによって無効になりました。 私はjqplotライブラリをスキャンしてどこに起こったのかを調べましたが、迷ってしまいました。 アイデア私は設定できるオプションはありますか?あなたはここで見ることができます
:ここ
は私のhtmlファイルです:
<html>
<head>
<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="jquery.jqplot.min.js"></script>
<script language="javascript" type="text/javascript" src="jqplot.barRenderer.min.js"></script>
<script language="javascript" type="text/javascript" src="jqplot.categoryAxisRenderer.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.jqplot.css" />
<script>
$(function() {
graph_me('chart1',[ 'This is a label', 'This is another label..', 'Is this too long? This looks like it might break','Im not sure, but '], [40, 20, 5, 1]);
});
function graph_me(div_name, labels_in, values_in) {
var labels = labels_in.reverse();
var values = values_in.reverse();
$.jqplot(div_name, [values], {
series:[{
renderer:$.jqplot.BarRenderer,
rendererOptions: {
barDirection: 'horizontal',
varyBarColor: true
}
}
],
axes: {
yaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: labels,
tickOptions: {
showGridline: false,
markSize: 0
}
}
}
});
}
</script>
</head>
<body>
<div id="chart1" style="height:400px;width:500px; margin: 0 auto;"></div>
</body>
</html>
私はSAEを持っています問題icchanobot - ソリューションを見つけることができましたか? – davy
@davy:以下の解決策が私のために働いた、私はちょうど '重要な部分が必要だったと思う。 – icchanobot