Skip to content Skip to sidebar Skip to footer

Flot Strange Line Chart

I have a chart with ordering by date. My problem is the chart lines joining false from start to end. My options: var options = { grid: { color: '#d

Solution 1:

When creating line charts, flot will connect the data points using the order from the data series, ignoring the actual x-coordinates. That's why data series should be in ascending order.

A minimal example (using your data in ascending order):

var d1 = [
    [1401310800000, 275],
    [1401397200000, 270],
    [1401483600000, 313],
    [1401570000000, 279], 
    [1401656400000, 216], 
    [1401742800000, 255], 
    [1401829200000, 244],
    [1401915600000, 70]                     
];

$.plot("#chart", [ d1 ]);

Here is a jsfiddle showing the chart.

Post a Comment for "Flot Strange Line Chart"