使用 jquery flot 绘制 json 数组答案

【问题标题】：Plot the json array using jquery flot使用 jquery flot 绘制 json 数组
【发布时间】：2013-09-22 01:52:25
【问题描述】：

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的新手知识。谁能给我一个想法，我应该如何做到这一点。

【问题讨论】：

标签： javascript jquery json flot

【解决方案1】：

您确定 flot 可以处理格式化为字符串的值吗？您可能应该将字符串转换为实际日期或毫秒...

您可以使用 moment.js 库：

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

【讨论】：

而不是moment.js，我将它转换为以毫秒为单位的日期并使用xaxis: {mode: "time", timeformat: "%b-%Y"}。它工作得很好

【解决方案2】：

Flot 不会自动解析日期。如果您希望它们按原样使用，那么您应该包括categories plugin。如果您真的想将它们视为日期，那么您应该按照 Nikos 的建议将它们转换为日期，然后查看 time plugin。

【讨论】：