7
私はflot、jqueryグラフ作成ライブラリを探しています。jquery/flot棒グラフを作成するにはどうすればよいですか?
棒グラフを作成したいと考えています。これは本当にセットアップされていなかったようです。私のデータを少し歪ませると、私が想像していることをほとんど行うことができます。このコードを使用すると:かなり良いです
を:
var dataSet = [
[ 15132, "Inez" ],
[ 21441, "Rocky" ],
[ 29141, "Jim" ],
[ 18211, "Sophia" ],
[ 17556, "Perry" ],
[ 32251, "Jorge" ],
[ 43560, "Madison" ],
[ 20180, "Gil" ],
[ 12180, "Fran" ],
[ 31018, "Sheila" ],
[ 45143, "Nial" ],
];
function plotChart() {
var d1, xaxisLabels = [], i=0;
d1 = dataSet.map(function(elt){return {label: elt[1], data: [[i++, elt[0]]]};});
i = 0;
// example for xaxis option: {ticks: [[1,'One'], [2,'Two'], [3,'Three'], [4,'Four'], [5,'Five']]},
xaxisLabels = dataSet.map(function(elt) { return [i++, elt[1]]; });
$.plot($("#chart1"),
d1,
{
legend: {
show: true,
container: $('#legend1'),
},
series: {
bars: {
show : true,
align : 'center',
//dataLabels : true,
barWidth : 0.4
}
},
xaxis: { ticks: xaxisLabels },
yaxis: {
ticks: 10
},
grid: {
show: true,
backgroundColor: { colors: ["#fff", "#eee"] }
}
});
}
$(document).ready(plotChart);
これは私が得るものです。しかし、私は垂直軸線を削除したいと思います。これらは折れ線グラフでは意味をなさないが、棒グラフでは意味をなさない。
誰でも知っているのですか?
おっとです!本当に?私はそれを試みたと思った。感謝 - はるかに簡単です。どのように恥ずかしい! – Cheeso
これは私にとっては役に立ちません。私はFlot 0.7を使います。 – neoneye