javascript - 使用json数据在angularjs中绘制折线图

标签 javascript angularjs json charts linechart

我有多家公司的 json 数据,例如:

[ { “公司”:“Abc”, “数据”: [ { “日期”:“2014-06-03”, “价格”:61.5 }, { “日期”:“2014-06-04”, 「价格」:42.9 }, { “日期”:“2014-06-05”, “价格”:63.7 }, { “日期”:“2014-06-06”, 「价格」:73.5 }, { “日期”:“2014-06-09”, “价格”:54.25 }, }]}, { “公司”:“XYZ”, “数据”: [ { “日期”:“2015-01-21”, “价格”:2453.0 }, { “日期”:“2015-01-22”, “价格”:2434.8 }, { “日期”:“2015-01-23”, “价格”:2537.8 }, { “日期”:“2015-01-27”, “价格”:2418.0 }]}

数据中还会有更多这样的公司。我想用这个绘制折线图,​​多条线,一张图。我对如何解决这个问题非常无能为力。我关注了一些文档,例如 nvd3,但无法理解它。如何做到这一点?

最佳答案

Google 上的简单请求,应该可以满足您的需求:

http://jtblin.github.io/angular-chart.js/

关于javascript - 使用json数据在angularjs中绘制折线图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37975507/

相关文章:

javascript - YouTube 视频高度比、拉伸(stretch)到窗口宽度以及在父容器外拉伸(stretch)

javascript - Django 同时将 var 从 View 传递给两个模板

angularjs - $q.all 的 Jasmine 单元测试

css - 插入文本后如何更改md-input-container标签的标签颜色

尝试从 json 响应中获取节点时出现 java 错误

json - 如何在 Swift 4 中将已分类的已解析 JSON 项放入数组中

javascript - d3 JSON 多折线图

javascript - 为什么带有全局标志的正则表达式会给出错误的结果?

javascript - bool 值更改 HTML、AngularJS 上的标题/工具提示 react

json - 如何使用 flink 流式传输 json?