ECharts安装

如何获取ECharts：

获取 ECharts 的方法有以下四种，可以根据自己的情况进行选择：

1：在 ECharts 的官方网站中挑选合适版本进行下载，不同的打包下载应用于不同的开发者功能与体积的需求，或者您也可以直接下载完整版本；开发环境建议下载源代码版本，包含了常见的错误提示和警告。

例如：

完全版（echarts.js）：体积最大，包含所有的图表和组件；
常用版（echarts.common.js）：体积适中，包含常见的图表和组件；
精简版（echarts.simple.js）：体积较小，仅包含最常用的图表和组件；
下载网址为：https://echarts.apache.org/zh/download.html

2：ECharts 的 GitHub 上下载最新的 release 版本，解压出来的文件夹里的 dist 目录里可以找到最新版本的 echarts 库。

GitHub的网址为：https://github.com/

3：通过 npm 获取 echarts：

你可以使用命令npm install echarts –save通过 npm 安装 ECharts

4：由 cdn 引入，你可以在 cdnjs，npmcdn 或者国内的 bootcdn 上找到 ECharts 的最新版本。

国内的两个常用的CDN：

百度：https://echarts.baidu.com/dist/echarts.min.js
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/echarts/4.3.0/echarts.min.js

如何引用ECharts：

一：ECharts 的引入方式可以像 JavaScript 库一样用 script 标签引入即可，例如：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!-- 引入 ECharts 文件 -->
    <script src="echarts.min.js"></script>
</head>
</html>

二：通过 npm 上安装的 ECharts 和 zrender 会放在node_modules目录下。可以直接在项目代码中 require(‘echarts’) 得到 ECharts。如：

var echarts = require('echarts');

三：可按需引入ECharts 图表和组件：

默认使用 require(‘echarts’) 得到的是已经加载了所有图表和组件的 ECharts 包，因此体积会比较大，如果在项目中对体积要求比较苛刻，也可以只按需引入需要的模块。

想要按需引入需要的模块只需更改require函数中传入参数的路径即可，如：

var echarts = require('echarts/lib/echarts'); // 引入 ECharts 主模块
require('echarts/lib/chart/bar');             // 引入柱状图
require('echarts/lib/component/title');       // 引入标题组件

ECharts简介第一个ECharts实例

评论区（0）

ECharts安装

如何获取ECharts：

如何引用ECharts：

评论 取消

评论取消