8.1echarts的引入

客官°小女子只卖身不卖艺 2023-09-30 20:10 7阅读 0赞

认识Echarts

Apache ECharts 是一个正在由 Apache 孵化器赞助的 Apache 开源基金会孵化的项目。官方网址：[https://echarts.apache.org/zh/index.html][https_echarts.apache.org_zh_index.html]

2018年3月份，全球著名开源社区 Apache 基金会宣布“百度开源的 ECharts 项目全票通过进入 Apache 孵化器”。这是百度第一个进入国际顶级开源社区的项目，也标志着百度开源正式进入开源发展的快车道。

ECharts 成为Apache 孵化器项目之前，已经是国内可视化生态领域的领军者，近年内连续被开源中国评选为“年度最受欢迎的中国开源软件”，并广泛被各行业企业以及事业单位、科研院所应用。涉及行业包含金融、教育、医疗、物流、气候监测等众多领域，其中甚至包括阿里巴巴、腾讯、华为、联想、小米、国家电网、中国石化等。

ECharts 负责人祖明介绍到：“ ECharts 作为拥有丰富的可视化图表类型和深度交互能力的开源可视化库，配置便捷容易上手，同时上千的配置项和不同层面的扩展机制带来了灵活的定制能力。ECharts 底层依托了开源渲染引擎 ZRender ，支持 Canvas 和 SVG 等多种方式的渲染，支持 PC 、移动端、数据大屏、服务端渲染等多种设备场景。

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

![cd090001533771444ce23e03a6436e94.png][]

Echcarts的组件

echarts 中各种内容，被抽象为“组件”。例如，echarts 中至少有这些组件：

² series（系列，一组数值以及他们映射成的图）

² xAxis（直角坐标系 X 轴）

² yAxis（直角坐标系 Y 轴）

² tooltip（提示框组件）

² toolbox（工具栏组件）

² title（标题）

² legend（图例）

![82d33fef3ec188d180854b4cb54d8533.png][]

[https_echarts.apache.org_zh_index.html]: https://echarts.apache.org/zh/index.html
[cd090001533771444ce23e03a6436e94.png]: https://img-blog.csdnimg.cn/img_convert/cd090001533771444ce23e03a6436e94.png
[82d33fef3ec188d180854b4cb54d8533.png]: https://img-blog.csdnimg.cn/img_convert/82d33fef3ec188d180854b4cb54d8533.png