在平时开发项目时,免不了需要对数据进行图表显示的需求,比如:趋势图、饼状图、柱形图等。
Echarts.js是来自百度团队研发的图表js插件,利用HTML+js实现折线图、饼状图、热点图、3d图形等等,可在PC和移动端显示,加载速度快,功能丰富。
https://echarts.apache.org/zh/index.html
官网首页有着很多实例以及相关介绍,获取echart.js可以从本人百度网盘获取,包含所有图表组件,可直接引用。
链接: https://pan.baidu.com/s/1IEm8NGwqq4ExgYWp8mz9CA
提取码:aihy
为Echarts放置一个具备宽高的DOM容器
Echarts加载数据
Wijmo控件集中的FlexChart是支持AngularJS的Chart控件。
使用FlexChart的步骤:添加对Wijmo的引用。
添加标记作为FlexChart的宿主。
通过JavaScript初始化FlexChart和它的itemSource属性。
创建一个或多个数据系列,并将它们添加到FlexChart的系列集合。
(可选)添加一些CSS来自定义图表的外观。
具体的步骤,请参考下面的博客
http://blog.gcpowertools.com.cn/post/wijmo_flexchart_bar.aspx