Echarts——官方文档解析

1,009 阅读1分钟

option{

第一模块 组件

image.png

  • legend 图例
  • tooltip 提示窗
  • yAxis y轴
  • xAxis x轴
  • toolbox 工具
  • visualMap 视觉映射(我的理解是给用户提示当前数据处在高中低哪个层次)
  • dataZoom 区域缩放滑动条
  • grid 网格线
  • graphic 原生图形元素组件

第二模块 数据存储

  • dataset 数据集
  • color 调色盘

第三模块 坐标系

  • polar 极坐标系(散点图和折线图)
  • radiusAxis 极坐标系的径向轴
  • angleAxis 极坐标系的角度轴
  • radar 雷达图坐标系
  • geo 地理坐标系(绘制地图)
  • parallel 平行坐标系(以往的x轴的每一个category对应一个y轴)
  • parallelAxis 平行坐标系中的坐标轴
  • singleAxis 单轴(散点图)(以往的y轴的每一个category对应一个x轴)
  • calendar 日历坐标系
  • blendMode 图形的混合模式

第四模块 数据筛选显示

  • brush 选择图中部分数据

第五模块 文本显示类

  • title 主标题和副标题
  • axisPointer 坐标轴指示器(指示当前坐标轴刻度)
  • aria 无障碍花纹
  • darkMode 是否是暗黑模式
  • backgroundColor 背景色
  • series 最重要的表信息!!!!!!!!!!!!!!!
  • textStyle 全局字体样式
  • hoverLayerThreshold 图形数量阈值(当同时在一个canvas里绘制多个表时,可以开启单独的 hover 层优化加载过程)

第六模块 动态变化类

  • timeline 根据时间动态变化数据
  • animation 动画效果(还有一系列的ainimation配置,这里省略)

}

存几个Echart的学习网站

Echart  cdn
https://www.jsdelivr.com/package/npm/echarts?path=dist

Echart  官网
https://echarts.apache.org/examples/zh/index.html#chart-type-lines3D