uniapp 使用echart实战(app/h5/小程序)

 准备

  • echarts.min.js 在echarts官网按需生成

 echarts官网地址:https://echarts.apache.org/

需要注意的是:在app和h5页面可以直接使用原生js调用echarts,如果显示效果比较复杂,最好自己生成echarts.js,使用uniapp的demo会出现空白错误。

 概述

  • 对于app、H5项目来时可以使用renderjs调用原生方法
  • 对于小程序可以使用mpvue-echarts组件

微信小程序中使用echarts

 mpvue-echarts组件

本项目ECharts 的 Mpvue 小程序版本。开发者可以通过熟悉的 ECharts 配置方式及 Vue 语法,快速开发图表,满足各种可视化需求。

地址:GitHub - F-loat/mpvue-echarts: 适用于 mpvue 的 echarts 组件

1、安装

$ npm install mpvue-echarts

2、使用示例

test.vue