快速上手

快速上手

快速上手 获取 Apache ECharts Apache ECharts 支持多种安装方式,在接下来的安装教程中有详细介绍。这里,我们以使用 jsDelivr CDN 为例,快速搭建 ECharts 环境。

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

关于这些文件的更多信息,可以在接下来的安装教程中找到。

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

当你打开 index.html 时,页面会显示为空白。但别担心。打开控制台并确保没有报错信息,然后你就可以进行下一步了。

绘制一个简单的图表 在渲染图表之前,我们需要为 ECharts 准备一个定义了高度和宽度的 DOM 容器。在闭合标签 之后紧接着添加以下代码。

接下来,通过 echarts.init 方法初始化一个 ECharts 实例,并使用 setOption 方法来配置它以生成一个简单的柱状图。这里是完整的代码。

ECharts

这样,你就用 Apache ECharts 绘制出了你的第一个图表!

相关风暴

水深火热的意思
28365365体育官网

水深火热的意思

🌀 06-30 🌊 阅读 6370
王者荣耀怎么抽英雄和皮肤 王者荣耀英雄与皮肤抽取攻略
安卓怎么安装365BET

王者荣耀怎么抽英雄和皮肤 王者荣耀英雄与皮肤抽取攻略

🌀 01-20 🌊 阅读 3892
2025年5款普通话录音转文字软件推荐测评:哪个更好用?
安卓怎么安装365BET

2025年5款普通话录音转文字软件推荐测评:哪个更好用?

🌀 10-05 🌊 阅读 4303