Javascript 海图：显示3伏电表

我尝试在一次通话中显示3个vu仪表，但2号和3号vu仪表是一个优于另一个

---

是否有一种方法可以一次显示3个vu电表，或者组件已锁定？

您需要定义其他

窗格

、

yAxis

和

系列

：

    pane: [{
        startAngle: -45,
        endAngle: 45,
        background: null,
        center: ['20%', '145%'],
        size: 300
    }, {
        startAngle: -45,
        endAngle: 45,
        background: null,
        center: ['50%', '145%'],
        size: 300
    }, {
        startAngle: -45,
        endAngle: 45,
        background: null,
        center: ['80%', '145%'],
        size: 300
    }],

    yAxis: [{
        min: -20,
        max: 6,
        minorTickPosition: 'outside',
        tickPosition: 'outside',
        labels: {
            rotation: 'auto',
            distance: 20
        },
        plotBands: [{
            from: 0,
            to: 6,
            color: '#C02316',
            innerRadius: '100%',
            outerRadius: '105%'
        }],
        pane: 0,
        title: {
            text: 'VU<br/><span style="font-size:8px">Channel A</span>',
            y: -40
        }
    }, {
        min: -20,
        max: 6,
        minorTickPosition: 'outside',
        tickPosition: 'outside',
        labels: {
            rotation: 'auto',
            distance: 20
        },
        plotBands: [{
            from: 0,
            to: 6,
            color: '#C02316',
            innerRadius: '100%',
            outerRadius: '105%'
        }],
        pane: 1,
        title: {
            text: 'VU<br/><span style="font-size:8px">Channel B</span>',
            y: -40
        }
    }, {
        min: -20,
        max: 6,
        minorTickPosition: 'outside',
        tickPosition: 'outside',
        labels: {
            rotation: 'auto',
            distance: 20
        },
        plotBands: [{
            from: 0,
            to: 6,
            color: '#C02316',
            innerRadius: '100%',
            outerRadius: '105%'
        }],
        pane: 2,
        title: {
            text: 'VU<br/><span style="font-size:8px">Channel B</span>',
            y: -40
        }
    }],

    series: [{
        name: 'Channel A',
        data: [-20],
        yAxis: 0
    }, {
        name: 'Channel B',
        data: [-20],
        yAxis: 1
    }, {
        name: 'Channel C',
        data: [-10],
        yAxis: 2
    }]

窗格：[{
startAngle:-45，
端角：45，
背景：空，
中心：['20%，'145%']，
尺码：300
}, {
startAngle:-45，
端角：45，
背景：空，
中心：['50%，'145%']，
尺码：300
}, {
startAngle:-45，
端角：45，
背景：空，
中心：['80%，'145%']，
尺码：300
}],
亚克斯：[{
最小：-20，
最高：6，
minorTickPosition:“外部”，
位置：'外部'，
标签：{
旋转：“自动”，
距离：20
},
绘图带：[{
起:0,，
致:6,，
颜色：“#C02316”，
内半径：“100%”，
外层：105%
}],
窗格：0，
标题：{
文本：“VU
频道A”，
y:-40
}
}, {
最小：-20，
最高：6，
minorTickPosition:“外部”，
位置：'外部'，
标签：{
旋转：“自动”，
距离：20
},
绘图带：[{
起:0,，
致:6,，
颜色：“#C02316”，
内半径：“100%”，
外层：105%
}],
窗格：1，
标题：{
文本：“VU
频道B”，
y:-40
}
}, {
最小：-20，
最高：6，
minorTickPosition:“外部”，
位置：'外部'，
标签：{
旋转：“自动”，
距离：20
},
绘图带：[{
起:0,，
致:6,，
颜色：“#C02316”，
内半径：“100%”，
外层：105%
}],
窗格：2，
标题：{
文本：“VU
频道B”，
y:-40
}
}],
系列：[{
名称：“A频道”，
数据：[-20]，
雅克斯：0
}, {
名称：“B频道”，
数据：[-20]，
亚克斯：1
}, {
名称：“C频道”，
数据：[-10]，
亚克斯：2
}]

---

现场演示：

---

API参考：

谢谢，我已经尝试过这个方法，但是“中心”没有改变。。。现在它是完美的！