圆角环形图

最新推荐文章于 2023-12-15 17:13:25 发布

zbzcode

最新推荐文章于 2023-12-15 17:13:25 发布

阅读量643

点赞数

分类专栏：项目实训2021

本文链接：https://blog.csdn.net/zbzcode/article/details/117716292

版权

本文介绍了如何绘制圆角环形图，这种图表比饼图更具视觉吸引力且更清爽。圆角环形图的基本格式和饼图相似，只需要传入相应的值即可实现。

摘要由CSDN通过智能技术生成

圆角环形图的画法。其实格式与饼图类似但是相较于饼图，圆角环形图更加美观和清爽。

一个简单的圆角环形图格式如下：

option = {
    tooltip: {
        trigger: 'item'
    },
    legend: {
        top: '5%',
        left: 'center'
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: ['40%', '70%'],
            avoidLabelOverlap: false,
            itemStyle: {
                borderRadius: 10,
                borderColor: '#fff',
                borderWidth: 2
            },
            label: {
                show: false,
                position: 'center'
            },
            emphasis: {
                label: {
                    show: true,
                    fontSize: '40',
                    fontWeight: 'bold'