以下是一个使用ECharts创建饼状图的基本示例,所有的扇形颜色都设置为相同的颜色,并且通过设置borderColor
和borderWidth
属性来增加扇形之间的缝隙:
var chart = echarts.init(document.getElementById('main'));var option = { series: [ { name: '访问来源', type: 'pie', radius: '50%', data: [ {value: 235, name: '视频广告'}, {value: 274, name: '联盟广告'}, {value: 310, name: '邮件营销'}, {value: 335, name: '直接访问'}, {value: 400, name: '搜索引擎'} ], itemStyle: { color: '#40E0D0', // 所有扇形的颜色 borderColor: '#fff', // 扇形的边框颜色 borderWidth: 2 // 扇形的边框宽度 } } ]};chart.setOption(option);
在这个示例中,所有的扇形都设置为了青色(#40E0D0),并且扇形之间的缝隙是白色的。你可以根据你的需求修改这些颜色。
相关文章