如何在uni-app微信小程序中使用echarts

在 uni-app 微信小程序中使用 ECharts，可以按照以下步骤进行：

1. 在项目根目录下的 `pages.json` 中添加 ECharts 的引入：

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    }
  ],
  "usingComponents": {
    "ec-canvas": "/static/ec-canvas/ec-canvas"
  }
}

2. 在 `index.vue` 中引入 ECharts：

<template>
  <view class="container">
    <ec-canvas id="mychart-dom"></ec-canvas>
  </view>
</template>

<script>
import * as echarts from 'echarts/core';
import { BarChart } from 'echarts/charts';
import { CanvasRenderer } from 'echarts/renderers';
echarts.use([BarChart, CanvasRenderer]);

export default {
  data() {
    return {
      ec: {
        onInit: initChart
      }
    }
  }
}

function initChart(canvas, width, height, dpr) {
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height,
    devicePixelRatio: dpr // 像素比
  });

  chart.setOption({
    xAxis: {
      type: 'category',
      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
      type: 'value'
    },
    series: [{
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar'
    }]
  });

  return chart;
}
</script>

3. 在 `index.vue` 中设置 canvas 的宽高：

.container {
  width: 100%;
  height: 500rpx;
}

以上是在 uni-app 微信小程序中使用 ECharts 的基本流程，具体使用可以根据 ECharts 文档进行配置。