echart显示多个仪表盘

要在一个页面上显示多个仪表盘，可以使用 ECharts 的 Grid 和 Multiple Axis 功能。具体步骤如下：

1. 在页面上创建一个 ECharts 实例。
2. 设置 Grid 组件的布局和位置，可以通过指定 left、right、top、bottom 等属性来实现。
3. 为每个仪表盘定义一个 Axis，可以通过设置 type 为 'value' 和 min/max 属性来指定坐标轴的范围。
4. 为每个仪表盘创建一个 Series，可以通过设置 type 为 'gauge' 和 center 属性来指定仪表盘的位置。
5. 将每个仪表盘的 Axis 和 Series 添加到 ECharts 实例中。

以下是一个示例代码片段，展示如何在一个页面上显示三个仪表盘：

var myChart = echarts.init(document.getElementById('main'));

myChart.setOption({
    grid: [
        {left: '10%', top: '10%', width: '30%', height: '30%'},
        {left: '50%', top: '10%', width: '30%', height: '30%'},
        {left: '30%', top: '60%', width: '40%', height: '30%'}
    ],
    xAxis: [
        {type: 'value', min: 0, max: 100, show: false},
        {type: 'value', min: 0, max: 100, show: false},
        {type: 'value', min: 0, max: 100, show: false}
    ],
    yAxis: [
        {type: 'value', min: 0, max: 100, show: false},
        {type: 'value', min: 0, max: 100, show: false},
        {type: 'value', min: 0, max: 100, show: false}
    ],
    series: [
        {
            type: 'gauge',
            center: ['25%', '25%'],
            axisLine: {
                lineStyle: {
                    width: 10,
                    color: [[0.2, '#228b22'], [0.8, '#48b'], [1, '#ff4500']]
                }
            },
            data: [{value: 50, name: '仪表盘1'}]
        },
        {
            type: 'gauge',
            center: ['75%', '25%'],
            axisLine: {
                lineStyle: {
                    width: 10,
                    color: [[0.2, '#228b22'], [0.8, '#48b'], [1, '#ff4500']]
                }
            },
            data: [{value: 75, name: '仪表盘2'}]
        },
        {
            type: 'gauge',
            center: ['50%', '75%'],
            axisLine: {
                lineStyle: {
                    width: 10,
                    color: [[0.2, '#228b22'], [0.8, '#48b'], [1, '#ff4500']]
                }
            },
            data: [{value: 30, name: '仪表盘3'}]
        }
    ]
});

在上面的代码中，我们创建了一个 3x3 的网格布局，左上角放置第一个仪表盘，右上角放置第二个仪表盘，中下部分放置第三个仪表盘。每个仪表盘都有一个 Axis 和一个 Series，其中仪表盘的位置通过 center 属性来指定。