使用jQuery Flot繪制JSON數組

Question

var data =[ { label: "Foo", data: [ ["2012-09-01", 1], ["2012-10-01", -14], ["2012-11-01", 5] ] },
                { label: "Bar", data: [ ["2012-09-01", 13], ["2012-10-01", 11], ["2012-11-01", -7] ] }
    ];
    var options = {
        series: {
            lines: { show: true },
            points: { show: true }
        }
    };


<div id="placeholder"></div>
<script>
$.plot($('#placeholder'), data, options);
</script>

我很困惑為什么圖形沒有與數據一起繪制。 忽略我對flot的新手知識。 誰能給我一個主意，我應該怎么做。

Answer 1

您確定flot可以處理格式化為字符串的值嗎？ 您可能應該將字符串轉換為實際日期或毫秒...

您可以使用moment.js庫：

var data =[ { label: "Foo", data: [ [moment("2012-09-01","YYYY-MM-DD").toDate(), 1], ...

Answer 2

Flot不會自動解析日期。 如果您希望按原樣使用它們，則應包括category插件 。 如果您實際上想將它們視為日期，則應按照Nikos的建議將其轉換為日期，然后查看time插件 。