uniapp 如何使用echarts

在uni-app中使用Echarts，可以通过引入Uniapp-Echarts组件包来实现。具体步骤如下：
1. 在HBuilderX中创建uni-app项目。
2. 在项目中创建components文件夹，并将Uniapp-Echarts组件包解压后的echarts文件夹复制到components文件夹中。
3. 在需要使用Echarts的页面中，引入echarts组件。例如，在index.vue页面中，可以在script标签中添加以下代码：

import * as echarts from '../../components/echarts/echarts.js'
export default {
  data() {
    return {
      chartData: {}
    }
  },
  mounted() {
    this.initChart()
  },
  methods: {
    initChart() {
      // 在这里编写Echarts的初始化代码
    }
  }
}

4. 在initChart方法中，编写Echarts的初始化代码。例如，可以使用以下代码创建一个柱状图：

initChart() {
  const chart = echarts.init(this.$refs.chart)
  chart.setOption({
    xAxis: {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
      type: 'value'
    },
    series: [{
      data: [820, 932, 901, 934, 1290, 1330, 1320],      type: 'bar'
    }]
  })
}

5. 在页面中添加一个div元素，并设置ref属性为chart。例如：

<template>
  <div ref="chart" style="width: 100%; height: 300px;"></div>
</template>

这样就可以在uni-app中使用Echarts了。