Порог диаграммы флота jQuery

Question

Я вижу, что порог флоат-чарта add-in позволяет мне нарисовать с использованием стиля линии с точками, как показано на рисунке jsfiddle.

Обратите внимание, что при переключении атрибута точек от false до значения true появляются точки, когда линия пересекает ось x в нуле. Для моего сценария я хочу только отображать точки, соответствующие фактическому значению данных, а не тогда, когда линия пересекается с осью х.

points: { show: true } 

Я прочитал столько, сколько я мог бы найти в Интернете на эту надстройку, но не могу найти правильные параметры настройки. Любые указатели оцениваются.

Answer 1

Вы не можете достичь этого напрямую, потому что для сегментов линий, которые производят линейную диаграмму, нужны начальные и конечные точки, где цвет меняется, поэтому пороговый плагин должен добавить эти точки.

Но вы можете использовать обходной путь для достижения этой цели: Добавить два ряда данных (с теми же данными) на диаграмму, один с линиями и одна с точками (updated fiddle):

var d1 = []; 
for (var i = 0; i <= 10; i += 1) { 
    d1.push([i, parseInt(Math.random() * 30 - 10)]); 
} 

$.plot("#placeholder", [{ 
    data: d1, 
    threshold: { 
    below: 5, 
    color: "rgb(200, 20, 30)" 
    }, 
    lines: { 
    show: true, 
    fill: true 
    }, 
    points: { 
    show: false 
    }, 
    color: "rgb(200, 200, 130)" 
}, { 
    data: d1, 
    threshold: { 
    below: 5, 
    color: "rgb(200, 20, 30)" 
    }, 
    points: { 
    show: true 
    }, 
    color: "rgb(200, 200, 130)" 
}]);