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不会自动解析日期。如果您希望按原样使用，那么您应该包含categories plugin。如果您确实希望将它们视为日期，则应将其转换为Nikos建议的日期，然后查看time plugin。

使用jquery flot绘制json数组

2 个答案: