[JavaScript知识库]echarts彩色半环状图

?效果图

?

option = {
    color: {
    type: 'linear',
    x: 0,
    y: 0,
    x2: 0,
    y2: 1,
    colorStops: [{
        offset: 0, color:'#008FF5' // 0% 处的颜色
    }, {
        offset: 1, color: '#00FCFF' // 100% 处的颜色
    }],
    global: false // 缺省为 false
},
    legend: {
        top: '5%',
        left: 'center'
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: ['48%', '70%'],
            avoidLabelOverlap: false,
            startAngle:"40",
            label: {
                show: true,
                position: 'center',
                fontSize:"80",
                color:"#008FF5",
                formatter:'{c}',
                fontWeight:'bold',
            },
            itemStyle: {
                borderRadius:200,
                borderColor: '#fff',
                borderWidth: 2,
                
            },
            labelLine: {
                show: false
            },
            data: [
                {value: 0.98,
                name: '搜索引擎'
                },
                {value:0.13, name: '直接访问',
                    itemStyle: {color:"#fff"}
                },
            ]
        }
    ]
};