echarts仪表盘配置

要配置 Echarts 仪表盘，你可以使用 Echarts 的官方文档作为参考。以下是一个简单的示例，演示如何设置仪表盘的基本配置：

// 引入 Echarts
import echarts from 'echarts';

// 初始化图表实例
const chart = echarts.init(document.getElementById('chart'));

// 定义数据
const data = [
  { value: 50, name: '完成率' },
];

// 设置仪表盘的配置项
const option = {
  series: [
    {
      name: '仪表盘',
      type: 'gauge',
      detail: { formatter: '{value}%' },
      data: data,
      axisLine: {
        lineStyle: {
          width: 10,
          color: [
            [0.2, '#FF4500'],
            [0.8, '#48b'],
            [1, '#228b22'],
          ],
        },
      },
      axisLabel: {
        textStyle: {
          fontWeight: 'bolder',
          color: '#333',
          fontSize: 12,
        },
      },
      pointer: {
        width: 5,
      },
    },
  ],
};

// 使用配置项设置图表
chart.setOption(option);

这只是一个基本的配置示例，你可以根据自己的需求对仪表盘进行更多的自定义设置。请确保在使用之前正确引入 Echarts 库，并将上述代码嵌入到你的项目中。