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

Question

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

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

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

谢谢

Answer 1

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

对于例如:

$(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();

});