flot を使用して動的棒グラフをプロットしています。一定のバー幅でプロットすることができました。ここで、分析の出力に基づいてバー幅を変更したいと考えています。var options = { series: {
bars:{show:true,
barWidth: BarWidth,
fillColor: "lightgreen",
fill: true
}
このコードで設定
したのBarWidth
は、javascript 変数です。BarWidth が変更されると、バーがプロットされ始め、オーバーラップします。どうすれば問題を解決できるか、誰にも手がかりがありますか?
前もって感謝します!
私のコードのサンプルは以下の通りです:
function plot_status(statusData, no_strips) {
new_data = new_data.concat([statusData]);
var options = {
series: {
bars: {
show: true,
barWidth: no_strips * 72,
fillColor: "lightgreen",
fill: true
}
},
grid: {
clickable: true,
hoverable: true,
borderWidth: 1
}
};
$(document).ready(function () {
chart1 = $.plot($("#placeholder"), [{
data: new_data,
threshold: {
below: 0,
color: "red"
},
color: "black",
xaxis: {
ticks: 8,
minTickSize: 1
},
yaxis: {
min: -1,
max: 3,
tickSize: 1
},
grid: {
borderWidth: 1
}
}], options)
});
};
4 秒ごとstatusData
にno_strips
変更します。new_data には、プロットされる一連のデータが含まれます。statusData が new_data に連結されている限り、barchar は時間の経過とともに大きくなります。no_strips
棒グラフの各プロットの barWidth を決定します。作成したい棒グラフのサンプルも含めます。
定数を使用すると、barWidth
これが私が生成するものです
これは私のデータです。[[0, 1], [1200, 1], [2400, -1], [3600, 1], ... ];
むしろ、上記のプロットのために送信していました。
これは、プロットしたいデータです [[0, 1], [72, 1], [144, -1], [432, 1],[504,1],...] every
[a,b] ` は 4 秒ごとに追加されます。