浮动图 - 实时图表绘制中的 lineWidth

Question

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

我将代码更改为为选定的行设置 data[index].lineWidth = 3，但它不起作用。

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

谢谢

Answer 1

属性“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();

});