Echarts.js简介

JavaScript018

Echarts.js简介,第1张

在平时开发项目时,免不了需要对数据进行图表显示的需求,比如:趋势图、饼状图、柱形图等。

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