jquery - Flot graph - 实时图表绘制中的线宽

Question

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

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

任何人都可以帮忙解决这个问题，如何在运行的实时浮点图中动态更改 lineWidth 吗？

谢谢

Answer 1

属性“lineWidth”是行集合的成员。另外，调整系列外观后，您必须调用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();

});