javascript - 使用 jquery flot 绘制 json 数组

标签 javascript jquery json flot

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的新手知识。任何人都可以告诉我应该如何做到这一点。

最佳答案

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

您可以使用 moment.js 库:

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

关于javascript - 使用 jquery flot 绘制 json 数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18924766/

相关文章:

javascript - 如何将文件从 Axios 上传到 Django?

javascript - 从 asp.net 和 Ajax 的列表中删除自动完成选定的项目

javascript - 如何检查是否有人在 Facebook 上分享了我的网页?

javascript - 使用CSS自动拉伸(stretch)元素以适应父容器

javascript 当字符连续出现时替换每个出现的字符

javascript - 添加一个按钮以使用当前日期更改脚本中的值

jquery - 如何使引导 Accordion 标题(链接或按钮)水平放置在同一行

jQuery 使用变量访问元素

java - 解析没有键的Json数组

json - 如何从 ansible 中的模板编写漂亮的 JSON 文件?