在Uniapp中使用Echarts创建可视化图表

在uniapp中可以引入echarts创建数据可视化图表。

1. 安装Echarts

使用npm安装echarts插件,命令如下:

npm install echarts --save
2. 引入Eharts

在需要使用Echarts的页面引入:

import *as echarts from 'echarts'
3. 创建实例

创建画布元素:


配置图表:


在Uniapp中使用Echarts创建可视化图表_第1张图片

总结

我们可以单页面引入Echarts,也可以全局注册使用Echarts,在main.js中引入:

import * as echarts from 'echarts'
Vue.prototype.echarts = echarts;

你可能感兴趣的:(uni-app,echarts,前端)