Vue项目中使用Echarts

Posted 小小白学计算机

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue项目中使用Echarts相关的知识,希望对你有一定的参考价值。

Echarts官方文档

1. 安装Echarts

在cmd命令行输入: npm install echarts --save

在这里插入图片描述

2. 代码中使用

在这里插入图片描述
注意:import 引入echarts 包时,不要使用 import echarts from ‘echarts’
而要使用import * as echarts from 'echarts'
否则会报错如下:
在这里插入图片描述

3. 页面展示效果

在这里插入图片描述

以上是关于Vue项目中使用Echarts的主要内容,如果未能解决你的问题,请参考以下文章

在vue中使用Echarts

Vue项目中使用Echarts

Vue系列——在vue项目中使用echarts

在Vue项目中使用ECharts

在vue项目中使用echarts(echarts不显示,echarts使用详细)

Vue项目中使用Echarts中 ECharts GL 实现基础的三维可视化