vue3 echarts symbol

在 Vue3 中，ECharts 是一款强大的数据可视化库，而 Symbol 是用于表示散点图、气泡图等数据点的一种样式。在 ECharts 的 API 中，你可以通过设置 `symbol` 或 `symbolSize` 属性来自定义数据点的形状。例如：

<template>
  <echarts ref="chart" />
</template>

<script>
import { ECharts } from 'echarts-for-vue';

export default {
  components: {
    ECharts,
  },
  data() {
    return {
      chartInstance: null,
    };
  },
  mounted() {
    this.initChart();
  },
  methods: {
    initChart() {
      const options = {
        series: [
          {
            name: '散点图',
            type: 'scatter',
            data: [[0, 0], [1, 1]], // 数据点
            symbol: 'circle', // 可以选择圆形（circle）、正方形（rect）、星形（star）等预设的符号
            symbolSize: 40, // 数据点大小
            // 更多配置...
          }
        ]
      };

      this.chartInstance.setOption(options);
    },
  },
};
</script>

在这里，`symbol` 变量可以设置为 ECharts 提供的预设符号字符串，如 `'circle'`、`'diamond'` 等，也可以自定义 SVG 格式的路径字符串。