echarts仪表盘半圆与圆切换

echarts的半圆与圆切换只需要改变两个属性,其中startAngle为开始,endAngle为结束,取值范围为0到360,取值代表圆的度数,一个圆的起点到终点为0到360度。

 

实例:实现半圆

option = {
    tooltip: {
        formatter: '{a} <br/>{b} : {c}%'
    },
    series: [{
        startAngle: 180,
        endAngle: 0,
        name: 'Pressure',
        type: 'gauge',
        detail: {
            formatter: '{value}'
        },
        data: [{
            value: 50,
            name: 'SCORE'
        }]
    }]
};

效果:

 

实现多半圆:

option = {
    tooltip: {
        formatter: '{a} <br/>{b} : {c}%'
    },
    series: [{
        startAngle: 200,
        endAngle: -20,
        name: 'Pressure',
        type: 'gauge',
        detail: {
            formatter: '{value}'
        },
        data: [{
            value: 50,
            name: 'SCORE'
        }]
    }]
};

效果:


 

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.duanlonglong.com/qdjy/1222.html