jQuery flot plot，动态改变barWidth

Question

我正在使用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)

    });
};

每隔四秒，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]，...] {{ 1}} [a，b]`每四秒钟添加一次。