次のコードを使用して、YUI チャートを使用してヒストグラム チャートを生成しています。
YUI().use('charts', function(Y) {
//Data for the chart
var myDataValues = barResponse.data;
// Instantiate and render the chart
var mychart = new Y.Chart({
dataProvider: myDataValues,
legend: {
position: "right",
width: 300,
height: 300,
styles: {
hAlign: "center",
hSpacing: 4
}
},
axes: {
category: {
styles: {
label: {
rotation: -45
}
}
}
},
render: "#mychart",
type: "column"
});
});
ここで、barResponse はデータを含む JSON オブジェクトmyChart
であり、チャートがプロットされる html div です。
<div id="mychart"></div>
私のデータは 0.028 、 0.047 などの低い値であるため、y 軸が 0 から 1 の間で自動的に定義されるため、グラフに非常に小さなバーが表示されます。
問題は、y 軸の目盛り範囲をカスタマイズする方法です: たとえば、0.0 から 0.3 にするにはどうすればよいですか? 言い換えれば、同じデータセットのヒストグラム バーを大きくする方法は?
API ドキュメントを確認しましたが、紛らわしいです。