如何将JQuery flot条形图中的常量条宽度更改为可变条宽

时间:2013-06-17 12:05:16

标签: jquery flot bar-chart

我正在使用flot绘制动态条形图。我设法用恒定的宽度绘图。现在我希望条带宽度根据我的分析输出而变化。我设置 var options = { series: { bars:{show:true, barWidth: BarWidth, fillColor: "lightgreen", fill: true }在此代码中,BarWidth是一个javascript变量。当我的BarWidth发生变化时,我的条形图开始绘制并重叠。 有没有人知道如何解决我的问题?

提前谢谢!

@DNS这是我的情节函数

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)

                 });    

每隔四秒,statusDatano_strips会发生变化。 new_data包含一系列绘制的数据。只要statusData连接到new_data,barchar就会随着时间的推移而增长。 no_strips确定条形图每个图的barWidth。我还将包括我想制作的条形图样本。

使用常量barWidth这就是我生产的

This is a bar chart with 1200 <code>barWidth</code>

这是我的数据:[[0, 1], [1200, 1], [2400, -1], [3600, 1], ... ]; rather I was sending it表示上面的情节。

这是我要绘制的数据[[0,1],[72,1],[144,-1],[432,1],[504,1],...] {{ 1}} [a,b]`每四秒钟添加一次。

0 个答案:

没有答案