Echarts知识总结

定义:

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

使用

  1. npm 下载
    命令: npm install echats --save
  2. instance 实例
  3. series系列
  4. tooltip提示
  5. legend图例
  6. xAxis x轴
  7. yAxis y轴
  8. toolbox 工具箱
  9. dataZoom 缩放
    10.vitualMap 虚拟映射

在这里插入图片描述

图标常用类型

  1. bar柱形
  2. pei饼型 radius:[“60%”,“40%”]
  3. line线性 areaStyle 面 smooth:true 平滑

颜色修改

  1. 主题:自定义主题 linght,dark浅色与深色
  2. 自定义主题
  3. color: 调色盘
  4. color系列调色盘
  5. itemStyle normal 默认 emphasis 强调状态

特别样式

  1. 渐变在这里插入图片描述
  2. 线的样式 在这里插入图片描述
  3. 面的样式 在这里插入图片描述

数据的堆叠 stack:true

label标签

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值