5minites Echarts

---

title: "5minites Echarts"
date: 2021-01-27T20:33:42+08:00
draft: true
tags: ['echarts']
author: "dadigang"
author_cn: "大地缸"
personal: "http://www.real007.cn"

---

关于作者

http://www.real007.cn/about

获取 ECharts

你可以通过以下几种方式获取 Apache EChartsTM。

从 Apache ECharts 官网下载界面 获取官方源码包后构建。

在 ECharts 的 GitHub 获取。

通过 npm 获取 echarts，npm install echarts --save，详见“在 webpack 中使用 echarts”

node_modules/echarts/dist/echarts.min.js

通过 jsDelivr 等 CDN 引入

引入 ECharts

通过标签方式直接引入构建好的 echarts 文件

绘制一个简单的图表

在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。

然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图，下面是完整代码。

这样你的第一个图表就诞生了！