ECharts入门(1) ---- 基本使用

本文介绍了如何入门ECharts,包括从Apache ECharts官网下载源码包、通过cdn引用线上文件、使用npm获取以及通过jsDelivr下载本地文件的方法。同时强调了echarts.js文件需要下载使用而不是直接复制,以避免潜在问题。此外,还概述了ECharts的基本使用步骤,即准备DOM容器,初始化echarts实例,并设置图表的配置项和数据。
摘要由CSDN通过智能技术生成

引入ECharts

  • Apache ECharts (incubating) 官网下载界面 获取官方源码包后构建。
  • 通过cdn引用线上文件:https://cdn.bootcss.com/echarts/3.7.1/echarts.min.js
  • 通过 npm 获取 echarts,npm install echarts --save,详见“[在 webpack 中使用 echarts](https://www.echartsjs.com/tutorial.html#在 webpack 中使用 ECharts)”
  • 通过 jsDelivr 下载echarts.js文件本地进入:https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.min.js

注意:

echarts.js文件需要下载使用,不能直接在git上复制代码使用,可能会出现一些未知问题,比如乱码之类的。

ECharts的基本使用

  1. 为 ECharts 准备一个具备大小(宽高)的 DOM容器
<div id="main"
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值