Echarts3中的交互组件

最新推荐文章于 2024-08-09 09:49:16 发布

灯塔引路

最新推荐文章于 2024-08-09 09:49:16 发布

阅读量5.8k

点赞数 1

分类专栏： ECharts3.x 前端攻城狮文章标签：地图数据 echarts3

本文链接：https://blog.csdn.net/a82793510/article/details/52183477

版权

Echarts3提供了丰富的交互组件，如标题(title)，坐标轴(axis)，视觉映射(visualMap)，区域选择(brush)，toolbox，timeline等。标题组件在3.0版本中支持多个，坐标轴组件可设置多个grid，视觉映射兼容dataRange并扩展，brush用于区域选择，toolbox包含多种内置和自定义工具，timeline则用于操作多个option。这些组件增强了数据可视化的交互性和用户体验。

摘要由CSDN通过智能技术生成

Echarts3提供的视图组件

除了图表外 ECharts 中，提供了很多交互组件。
- 图例组件 legend
- 标题组件 title
- 视觉映射组件 visualMap
- 数据区域缩放组件 dataZoom
- 时间线组件 timeline
- 地图组件geo
- 区域选择组件brush
- 雷达图坐标系组件 radar
- 平行坐标系涉及的三个组件 parallel、parallelAxis、series-parallel
- …etc…

Echarts3对比Echarts2是一个比较大的版本升级，但是他的升级更加适应了当前现代前端模块化技术的需求。同时API设计更加灵活了。

标题组件（title）：

常用度：5星
标题组件，包含主标题和副标题。
在 ECharts 2.x 中单个 ECharts 实例最多只能拥有一个标题组件。但是在 ECharts 3 中可以存在任意多个标题组件，这在需要标题进行排版，或者单个实例中的多个图表都需要标题时会比较有用。

坐标轴组件：

常用度：4星
直角坐标系内绘图网格，单个 grid 内最多可以放置上下两个 X 轴，左右两个 Y 轴。可以在网格上绘制折线图，柱状图，散点图（气泡图）。
在 ECharts 2.x 里单个 echarts 实例中最多只能存在一个 grid 组件，在 ECharts 3 中可以存在任意个 grid 组件。