使用json数据绘制angularjs中的折线图

时间:2016-06-22 18:16:41

标签: javascript angularjs json charts linechart

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

[ { "company": "Abc", "data": [ { "date": "2014-06-03", "price": 61.5 }, { "date": "2014-06-04", "price": 42.9 }, { "date": "2014-06-05", "price": 63.7 }, { "date": "2014-06-06", "price": 73.5 }, { "date": "2014-06-09", "price": 54.25 }, }]}, { "company": "Xyz", "data": [ { "date": "2015-01-21", "price": 2453.0 }, { "date": "2015-01-22", "price": 2434.8 }, { "date": "2015-01-23", "price": 2537.8 }, { "date": "2015-01-27", "price": 2418.0 }]}

数据中会有更多这样的公司。我想用这个,多行,一个图形绘制折线图。我对如何解决这个问题毫无头绪。我关注了一些像nvd3这样的文档但是没有理解它。怎么做?

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:1)

所以我使用angular-nvd3制作图表,工作正常。感谢您的回复。