美文网首页
echarts饼状图阴影发光效果

echarts饼状图阴影发光效果

作者: 码农界四爷__King | 来源:发表于2021-08-11 10:23 被阅读0次
    option = {
        tooltip: {
            trigger: 'item'
        },
        legend: {
            top: '5%',
            left: 'center'
        },
        series: [
            {
                name: '访问来源',
                type: 'pie',
                radius: ['40%', '70%'],
                avoidLabelOverlap: false,
                label: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    label: {
                        show: true,
                        fontSize: '40',
                        fontWeight: 'bold'
                    }
                },
                labelLine: {
                    show: false
                },
                itemStyle: {
                    normal: {
                        //饼状图阴影,值越大阴影亮度越高
                        shadowBlur: 200,
                        shadowColor: '#FFA07A'
                    }
                },
                data: [
                    {value: 1048, name: '搜索引擎'},
                    {value: 735, name: '直接访问'},
                    {value: 580, name: '邮件营销'},
                    {value: 484, name: '联盟广告'},
                    {value: 300, name: '视频广告'}
                ]
            }
        ]
    };
    

    相关文章

      网友评论

          本文标题:echarts饼状图阴影发光效果

          本文链接:https://www.haomeiwen.com/subject/pwgqbltx.html