Echart 的实例

这是我自己做的一些实例  有Echarts 部分属性的注释

学习网站:http://echarts.baidu.com/index.html

ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。

ECharts 提供了常规的折线图柱状图散点图饼图K线图,用于统计的盒形图,用于地理数据可视化的地图热力图线图,用于关系数据可视化的关系图treemap,多维数据可视化的平行坐标,还有用于 BI 的漏斗图仪表盘,并且支持图与图之间的混搭。

实例1: 柱状图  实现Echarts series数组显示


Echart 的实例_第1张图片

源代码




   
   
  


   
   

    

实例2:折线图 Echart series 数组显示方式

源代码




   
   
    


   
   

    

实例3:饼图 Echart series数组

Echart 的实例_第2张图片

源代码




   
   
   


   
   

    




你可能感兴趣的:(web前端)