uniapp中画一个扇形图

在UniApp中，可以使用`<canvas>`标签来绘制扇形图。以下是一个简单的示例代码：

<template>
  <view class="container">
    <canvas canvas-id="myCanvas" style="width: 300px; height: 300px;"></canvas>
  </view>
</template>

<script>
export default {
  onReady() {
    this.drawSector();
  },
  methods: {
    drawSector() {
      const ctx = uni.createCanvasContext('myCanvas');

      // 绘制底色
      ctx.beginPath();
      ctx.arc(150, 150, 100, 0, 2 * Math.PI);
      ctx.fillStyle = '#ebebeb';
      ctx.fill();

      // 绘制扇形
      ctx.beginPath();
      ctx.moveTo(150, 150);
      ctx.arc(150, 150, 100, -Math.PI / 2, Math.PI / 4);
      ctx.lineTo(150, 150);
      ctx.fillStyle = '#ff0000';
      ctx.fill();

      ctx.draw();
    }
  }
}
</script>

<style scoped>
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
</style>

这段代码会在页面上绘制出一个大小为300x300px的扇形图，底色使用灰色，扇形部分使用红色。你可以根据需要自行调整颜色、大小和角度。记得在页面中引入`uni.createCanvasContext`函数来创建画布上下文对象。