uniapp使用echarts

1. 安装echarts

在uniapp项目中使用echarts需要先安装echarts，可以通过npm安装，命令如下：

npm install echarts --save

2. 引入echarts

在需要使用echarts的页面中，引入echarts的js文件，一般是在页面的onLoad生命周期中引入，代码如下：

onLoad() {
  import echarts from 'echarts';
  this.echarts = echarts;
}

3. 创建echarts图表

在页面中创建一个canvas标签，用于显示echarts图表，代码如下：

<canvas id="myChart" style="width: 100%; height: 100%;"></canvas>

在页面的onReady生命周期中，使用echarts创建图表，代码如下：

onReady() {
  const chart = this.echarts.init(this.$refs.myChart);
  chart.setOption({
    // echarts图表的配置项
  });
}

其中，this.$refs.myChart是canvas标签的引用，chart.setOption()方法用于设置echarts图表的配置项，配置项可以参考echarts官方文档。

4. 更新echarts图表

如果需要更新echarts图表，可以通过调用setOption()方法重新设置echarts图表的配置项，代码如下：

this.echarts.setOption({
  // echarts图表的新配置项
});

5. 销毁echarts图表

如果不再需要使用echarts图表，可以通过调用dispose()方法销毁echarts图表，代码如下：

this.echarts.dispose();