echarts写个饼状图,并考虑缝隙

      发布在:前端技术      评论:0 条评论

以下是一个使用ECharts创建饼状图的基本示例,所有的扇形颜色都设置为相同的颜色,并且通过设置borderColorborderWidth属性来增加扇形之间的缝隙:

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),并且扇形之间的缝隙是白色的。你可以根据你的需求修改这些颜色。

相关文章
热门推荐