echarts使用介绍

1.定义

ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。

  1. javascript的图标的库
  2. 百度捐给apache基金会
  3. 比较符合中国人习惯
  4. HeightCharts,D3为同行
  5. 官 :https://echarts.apache.org/zh/index.html

2.核心概览

  1. instance 实例
  2. series 系列
  3. tooltip 提示
  4. legend 图列
  5. xAxis x轴
  6. yAxis y轴
  7. toolbox 工具箱
  8. dataZoom 缩放
  9. vitualMap 虚拟映射

3.图表常用类型

4.颜色的修改

5.特别样式

 6.数据的堆叠:stack:true

7.label标签

 8.多图表

9.工具箱

 

 10.动画

  1. adimationEasing:”bouncelnOut” (动画缓动函数)
  2. animationDelay(index)(动画延迟)
  3. animationDuration(index) (动画时间)

11.事件监听

  1. echart.on(“click”)
  2. click.mouseover.mouseout.dblclick

12.事件发送

 13.富文本

 14.地图

 15.虚拟映射

 16.提示(tooltip)

tooltip:{formatter(e){}}

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年1月26日
下一篇 2022年1月26日

相关推荐