ECharts是百度开源的前端可视化工具，纯js图标库
基本图类
echart-gl还提供了3D的图表，这里只列举2D图表
- 柱状图（Bar）
- 折线图（Line）
- 散点图（Scatter）
- K线图（K）
- 饼图（Pie）
- 仪表盘（Gauge）
- 漏斗图（Funnel）
- 地图（Map）
- 雷达图（Radar）
- 和弦图（Chord）
- 力导布局图（Force）
- 孤岛图（Island）
以下图可以混搭使用
折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、 饼图（环形图）、雷达图、地图、和弦图、力导布局图
组件
- 坐标轴（Axis）
- 网格（Grid）
- 极坐标（Polar）
- 标题（Title）
- 提示（Tooltip）
- 图例（Legend）
- 数据区域缩放（DataZoom）
- 值域漫游（DataRange）
- 工具箱（Toolbox）
- 时间轴（Timeline）
特性
| 名称 | 描述 |
|---|---|
| 拖拽重计算 | 可以通过拖拽的方式提取、整合当前图表的数据；多表之间交换数据 |
| 数据视图 | 将图表数据输出成文本，并可以直接编辑 |
| 动态类型切换 | 折线图、柱状图自由切换 |
| 图例开关 | 通过点击图例，可以隐藏/显示部分数据 |
| 数据区域选择 | 通过拖动滑块，选择展示的数据区域 |
| 多图联动connect | 多张图之间事件共享，保存图片时自动拼接。多张图公用一个区域选择以及详细信息查看等，用于展示相关数据的不同视角。 |
| 值域漫游 | 基于坐标的图标（地图、散点图）是通过颜色表明数组大小的，此功能可以只显示某个区域的数值 |
| 炫光特效 | 可以在地图上展示好看的光电以及标线 |
| 大规模散点图 | 900 x 400的区域就可以显示36W组，上百万的散点数据也能轻松展示 |
| 数据动态加载 | 每次setOption之后echart会自动获取不同的地方，并进行平滑转换 |
| 标线辅助 | k线图可以画辅助标线 |
| 多维度堆积 | 多组数据叠加 |
| 子区域地图 | 通过主地图类型拓展出子区域地图 |
| GeoJson地图扩展 | 压缩的地图拓展 |
| 事件交互 | 获取用户与图标的交互数据 |
网友评论