echarts环形图小结

echarts环形图小结

就是这样的图

来看option

option = {
    tooltip: {        //提示条的意思，
        trigger: 'item'   //trigger是触发器的意思，就是鼠标放上去显示的
    },
    legend: { 
        top: '5%',
        left: 'center'
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: ['40%', '70%'],//第一个值为小圆的半径，第二个为大圆的半径，两者之差即为圆环
            
            avoidLabelOverlap: false, /*是否启用防止标签重叠策略，默认开启，在标签拥挤重叠的情况下会挪动各个标签的位/置，防止标签间的重叠。如果不需要开启该策略，例如圆环图这个例子中需要强制所有标签放在中心位置，可以将该值设为 false。*/
            label: {
                show: false,
                position: 'center'
            },
            emphasis: {
                label: {
                    show: true,
                    fontSize: '40',
                    fontWeight: 'bold'
                }
            },
            labelLine: {
                show: false
            },
            data: [
                {value: 1048, name: '搜索引擎'},
                {value: 735, name: '直接访问'},
                {value: 580, name: '邮件营销'},
                {value: 484, name: '联盟广告'},
                {value: 300, name: '视频广告'}
            ]
        }
    ]
};