Flot graph - 实时图表绘制中的lineWidth

时间:2011-11-06 02:39:42

标签: jquery graph line real-time flot

我正在使用jquery flot绘制实时图形,并且我在图形中运行10-15行[行数是动态的,所以可能是20或更多的时间],默认行宽度是1,对于选定的一行我想将lineWidth更改为3。

我更改了代码以设置所选行的数据[index] .lineWidth = 3,但它不起作用。

任何人都可以帮忙,如何在运行实时flot图中动态更改lineWidth?

由于

1 个答案:

答案 0 :(得分:6)

属性“lineWidth”是lines集合的成员。此外,在调整系列外观后,您必须调用plot.draw()以使用新选项重绘。

example

$(function () {
    var d1 = [];
     for (var i = 0; i < 14; i += 0.5)
         d1.push([i, Math.sin(i)]);

     var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];

     // a null signifies separate line segments
     var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];

     var somePlot = $.plot($("#placeholder"), [ d1, d2, d3 ]);

    somePlot.getData()[1].lines.lineWidth = 20;
    somePlot.draw();

});

enter image description here