快速上手

快速上手

快速上手 获取 Apache ECharts Apache ECharts 支持多种下载方式,可以在下一篇教程安装中查看所有方式。这里,我们以从 jsDelivr CDN 上获取为例,介绍如何快速安装。

在 https://www.jsdelivr.com/package/npm/echarts 选择 dist/echarts.js,点击并保存为 echarts.js 文件。

关于这些文件的介绍,可以在下一篇教程安装中了解更多信息。

引入 Apache ECharts 在刚才保存 echarts.js 的目录新建一个 index.html 文件,内容如下:

打开这个 index.html,你会看到一片空白。但是不要担心,打开控制台确认没有报错信息,就可以进行下一步。

绘制一个简单的图表 在绘图前我们需要为 ECharts 准备一个定义了高宽的 DOM 容器。在刚才的例子 之后,添加:

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

ECharts

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

🌸 相关推荐 🌸

NUKE插件列表
bte365娱乐场

NUKE插件列表

📅 07-18 👀 567
“美国党”背后,可能隐藏着惊天秘密
365结束投注什么意思

“美国党”背后,可能隐藏着惊天秘密

📅 08-23 👀 9210
葡萄牙队|葡萄牙国家队
365结束投注什么意思

葡萄牙队|葡萄牙国家队

📅 08-21 👀 8316