График плавания - lineWidth при построении графика в реальном времени - PullRequest
Новая
       47

График плавания - lineWidth при построении графика в реальном времени

3 голосов
/ 06 ноября 2011

Я строю график в реальном времени с помощью jquery flot, и я запускаю 10-15 строк в графике [число строк является динамическим, поэтому может быть некоторое время 20 или более], значение по умолчанию lineWidth равно 1, и для выбранного Iхочу изменить lineWidth на 3.

Я изменил код для установки данных [index] .lineWidth = 3 для выбранной строки, но она не работает.

Может кто-нибудь помочь по этому поводу, как изменитьlineWidth на лету в режиме реального времени график флота?

Спасибо

1 Ответ

6 голосов
/ 06 ноября 2011

Свойство "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();

});

enter image description here

...