ECharts——饼图

myChart.setOption({
    series : [
        {
            name: '访问来源',
            type: 'pie',
            radius: '55%',
            data:[
                {value:235, name:'视频广告'},
                {value:274, name:'联盟广告'},
                {value:310, name:'邮件营销'},
                {value:335, name:'直接访问'},
                {value:400, name:'搜索引擎'}
            ],
            //安格尔模式
            roseType: 'angle',
            itemStyle: {
                normal: {
                    // 阴影的大小
                    shadowBlur: 200,
                    // 阴影水平方向上的偏移
                    shadowOffsetX: 0,
                    // 阴影垂直方向上的偏移
                    shadowOffsetY: 0,
                    // 阴影颜色
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                },
                //鼠标hover时显示阴影效果
                emphasis: {
                    shadowBlur: 200,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ],
    backgroundColor:'#2c343c',
				textStyle:{
					color:'rgba(255,255,255,.3)'
				},
				lableLine:{
					series:{
						lineStyle:{
							color:'rgba(255,255,255,.3)'
						}
					}
				},
				itemStyle: {
				    series: {
				        // 设置扇形的颜色
				        color: '#c23531',
				        shadowBlur: 200,
				        shadowColor: 'rgba(0, 0, 0, 0.5)'
				    }
				},
				visualMap: {
				    // 不显示 visualMap 组件,只用于明暗度的映射
				    show: false,
				    // 映射的最小值为 80
				    min: 80,
				    // 映射的最大值为 600
				    max: 600,
				    inRange: {
				        // 明暗度的范围是 0 到 1
				        colorLightness: [0, 1]
				    }
})

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章