当前位置：文江博客话题详情

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

发布于 2024-12-13 15:54:56 字数 223 浏览 3 评论 0原文

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

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

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

谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

缱倦旧时光 2024-12-20 15:54:56

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

});

在此输入图像描述

The property "lineWidth" is a member of the lines collection. Also, after you adjust your series appearance you have to make a call to plot.draw() to redraw with the new options.

For 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

回复收藏 0 原文

~没有更多了~