ECharts——简介
程序员文章站
2022-06-14 14:57:38
...
ECharts
什么是ECharts？
一个纯JavaScript图表库。ECharts，缩写来自EnterpriseCharts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底层依赖轻量级的Canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。
ECharts支持折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、雷达图（填充雷达图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表，同时提供标题，详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件，支持多图表、组件的联动和混搭展现。
如何获取 ECharts ？
获取 ECharts 的路径有以下几种，请根据您的情况进行选择：
- 最直接的方法是在 ECharts 的官方网站中挑选适合您的版本进行下载，不同的打包下载应用于不同的开发者功能与体积的需求，或者您也可以直接下载完整版本完整版本；开发环境建议下载源代码版本，包含了常见的错误提示和警告。
- 也可以在 ECharts 的 Github上下载最新的 release 版本，解压出来的文件夹里的 dist 目录里可以找到最新版本的 echarts 库。
- 或者通过 npm 获取 echarts，npm install echarts --save，详见“在 webpack 中使用 echarts”
- 由 cdn 引入，你可以在 cdnjs， npmcdn或者国内的 bootcdn 上找到 ECharts 的最新版本。
如何引入ECharts？
ECharts 的引入方式变简单了，因为从 ECharts 3 开始就不用使用 AMD 的方式引入，代码也不再内置 AMD 加载器，所以 ECharts 的引入方式就可以像 JavaScript 库一样用 script 标签引入即可。
下面是 Echarts 引入的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- 引入 ECharts 文件 -->
<script src="echarts.min.js"></script>
</head>
</html>
上一篇： Kafka学习（一）生产者producer（个人规范用法）
下一篇： Echarts简介