echarts 安装和使用

ABEE3

于 2021-10-12 11:32:19 发布

阅读量655

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： echarts

本文链接：https://blog.youkuaiyun.com/lan_yangbi/article/details/120720298

前端专栏收录该内容

1 篇文章

订阅专栏

本文指导如何使用npm安装Echarts库，演示了如何在Vue应用中初始化并绘制图表，强调了在DOM加载完成后进行绘图的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装

$ npm install echarts --save

初始化 E charts 实例

var echarts = require('echarts');
//基于准备好的 dom，初始化 echarts 实例
var myChart = echarts.init(document.getElementById("main"));
//绘制图表
myChart.setOption({...})

注意

绘图时，一定要放在 mounted 生命周期里，必须等 dom 元素加载完成后，才可以进行绘制。