echarts圆角环形图

ECharts 圆角环形图是一种数据可视化图表，可以通过饼图的形式展示数据占比情况。与普通饼图不同的是，圆角环形图具有内外两个圆环，可以更好地展示数据占比情况。圆角环形图的优点在于它可以更好地展示不同数据之间的比例关系，同时也可以显示每个数据项的具体数值。

使用ECharts绘制圆角环形图需要以下几个步骤：

1. 导入ECharts库和主题

<script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.9.0/echarts.min.js"></script>

2. 创建一个容器

<div id="chart" style="width: 600px;height:400px;"></div>

3. 初始化ECharts实例

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

4. 配置图表

option = {
    title: {
        text: '圆角环形图'
    },
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        x: 'left',
        data:['数据1','数据2','数据3','数据4','数据5']
    },
    series: [
        {
            name:'访问来源',
            type:'pie',
            radius: ['50%', '70%'],
            avoidLabelOverlap: false,
            label: {
                show: false,
                position: 'center'
            },
            emphasis: {
                label: {
                    show: true,
                    fontSize: '20',
                    fontWeight: 'bold'
                }
            },
            labelLine: {
                show: false
            },
            data:[
                {value:335, name:'数据1'},
                {value:310, name:'数据2'},
                {value:234, name:'数据3'},
                {value:135, name:'数据4'},
                {value:1548, name:'数据5'}
            ]
        }
    ]
};

5. 渲染图表

myChart.setOption(option);

以上就是使用ECharts绘制圆角环形图的步骤。根据实际需求，可以根据需要调整图表的样式和配置。