1. 首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. ECharts官网

百度pie修改itemStyle实现圆角环形图

百度饼图通过修改itemStyle实现圆角环形图

series: [
	{
		name: '访问来源',
		type: 'pie',
		radius: ['40%', '70%'],
		avoidLabelOverlap: false,
		//echarts版本需要更新,老版只会出现边框不会出现圆角
		itemStyle: {
			borderRadius: 10, //圆角大小
			borderColor: '#fff', //圆角边线的颜色
			borderWidth: 2 //边线的大小
		},
		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: '视频广告'}
		]
	}
]
点击展开全文

Echarts入门