Php 动态改变线宽的jQuery flot图

我正在使用flot绘制动态条形图。我已经设法用恒定的条形宽度绘图。现在，我希望条形宽度根据我的分析结果而变化。我设定

var选项={series:{
条：{show:true，
barWidth:barWidth，
填充颜色：“浅绿色”，
填充：正确
}

在这段代码中，

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

都会更改。新的_数据包含一系列已打印的数据。只要statusData连接到新的_数据，barchar就会随时间增长。

no_strips

确定条形图每个绘图的条形图宽度。我还将包括我想要绘制的条形图样本行政长官

用一个恒定的

barWidth

这就是我产生的

条形宽度“>

这是我的数据：

[[0,1]，[1200,1]，[2400，-1]，[3600,1]，…]；

我发送它是为了上面的绘图

---

这是我要绘制的数据[[0,1]，[72,1]，[144，-1]，[432,1]，[504,1]，…]

每`每四秒钟添加一次。
我几天前问过这个问题。我再次问，因为我编辑了这个问题后没有得到任何答案。我编辑了你的代码，因为你缺少一个结束括号。但请确保它是否正确。你调用ready（）函数在原始函数中？或者它们是两个独立的函数块？有点含糊不清。@Antonis，谢谢你的编辑。你是对的。我错过了右括号。ready（）函数在plot_status（）函数中。没问题。等我有空时，我会尝试给你一个解决方案。首先，你不需要΄$（文档）。ready（）΄wrap to yout chart making.只有在DOM完全加载（）时才会调用ready（）。因此，请先尝试删除此wrap。我可以用此代码告诉您的内容不多。您可以使用一些库来制作此图（您调用$.plot（）），所以这是您需要查看是否支持可变宽度的地方。您可以制作一个工作的JSFIDLE示例吗？这将非常有帮助。您可以在那里加载显示示例所需的任何外部库。