vue echarts symbol设置文字

在Vue Echarts中，可以使用`label`属性来设置symbol的文字。例如：

<template>
  <v-chart :options="options"></v-chart>
</template>

<script>
import { use } from "echarts/core";
import { BarChart } from "echarts/charts";
import { LegendComponent, TooltipComponent } from "echarts/components";
import { CanvasRenderer } from "echarts/renderers";
import ECharts from "@/components/ECharts.vue";

// 注册必要的组件
use([BarChart, LegendComponent, TooltipComponent, CanvasRenderer]);

export default {
  components: {
    VChart: ECharts,
  },
  data() {
    return {
      options: {
        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",
            symbol: "triangle", // 设置symbol为三角形
            symbolSize: 12, // 设置symbol大小
            label: {
              show: true, // 显示label
              position: "top", // label位置
              formatter: "{c}", // label格式化，{c}表示数据值
            },
          },
        ],
      },
    };
  },
};
</script>

在上面的例子中，我们将symbol设置为三角形，并设置了label的位置为顶部，格式化为数据值。这样，在图表中就会显示出每个symbol的数据值。