0

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 秒ごとstatusDatano_strips変更します。new_data には、プロットされる一連のデータが含まれます。statusData が new_data に連結されている限り、barchar は時間の経過とともに大きくなります。no_strips棒グラフの各プロットの barWidth を決定します。作成したい棒グラフのサンプルも含めます。

定数を使用すると、barWidthこれが私が生成するものです

これは 1200 <code>barWidth</code> の棒グラフです

これは私のデータです。[[0, 1], [1200, 1], [2400, -1], [3600, 1], ... ];むしろ、上記のプロットのために送信していました。

これは、プロットしたいデータです [[0, 1], [72, 1], [144, -1], [432, 1],[504,1],...] every[a,b] ` は 4 秒ごとに追加されます。

4

0 に答える 0