Echarts的使⽤、进阶使用、练习

这篇博客详细介绍了Echarts的使用,包括如何引入、初始化DOM容器、创建实例及生成柱状图。强调了阅读官方文档的重要性,指出掌握常用配置项是关键。还提供了通过官网示例快速制作图表的技巧,并给出了练习任务——使用数据创建饼状图。
摘要由CSDN通过智能技术生成

Echarts的使⽤

1.引⼊Echarts

<!-- 引⼊ ECharts ⽂件 -->
<script src="js/echarts.js"></script>

2. 准备⼀个具备⾼宽的 DOM 容器

<body>
<!-- 为 ECharts 准备⼀个具备⼤⼩(宽⾼)的 DOM -->
<div id="main" style="width: 600px;height:400px;"></div>
</body>

3. 初始化⼀个 echarts 实例

基于准备好的dom,初始化echarts实例,使⽤js中getElementById()来获取。

// 基于准备好的dom,初始化echarts实例
var myChart
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值