Apache Echarts 入门学习 -2025/3/24

2024-07-06

介绍

一种数据可视化技术

echats官方文档: https://echarts.apache.org/handbook/zh/get-started/

第一个 ECharts 实例

效果:

npm 使用淘宝镜像

使用淘宝 NPM 镜像

由于国内直接使用 npm 的官方镜像是非常慢的,为了解决这个问题,我们可以使用淘宝提供的镜像(cnpm 或通过配置 NPM)来加速包的下载和安装。

淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

$ npm install -g cnpm --registry=https://registry.npmmirror.com

接下来我们就可以使用 cnpm 来替代 npm 进行包的安装和管理:

$ cnpm install [name]

通过 cnpm install echarts --save 安装echarts

安装完成后 ECharts 和 zrender 会放在 node_modules 目录下,我们可以直接在项目代码中使用 require('echarts') 来使用。