echarts饼图角度起始角度位置和生长方向

想改变饼图生长起始角度,用startAngle属性,但是找不到饼图的起始位置和生长方向,研究半天终于找到了

举个栗子

数据:
series: [{
name:‘项目’,
type:‘pie’,
radius: [‘32%’, ‘50%’],
minAngle: 15,//最小角度
data: [ {value:1115, name:‘直接访问’},
{value:1114, name:‘联盟广告’},
{value:3, name:‘邮件营销’},
],
}]

展示情况如下图
在这里插入图片描述
此时第一条数据是“直接访问”,从图上观察可以看出第一个环形是从顶部开始长的,而echarts默认的初始角度是90°,也就是顶部位置是90°。观察第二条数据“联盟广告”的位置和载入动画可以发现饼图的生长方向是顺时针。
在这里插入图片描述

加上startAngle属性,改变起始生长角度
数据:
series: [
name:‘项目’,
type:‘pie’,
radius: [‘32%’, ‘50%’],
minAngle: 15,//最小角度
startAngle:270, //起始角度
data: [ {value:1115, name:‘直接访问’},
{value:1114, name:‘联盟广告’},
{value:3, name:‘邮件营销’},
],
}]

展示情况如下图
在这里插入图片描述
此时第一条数据“直接访问”,从270°的位置开始生长

  • 18
    点赞
  • 38
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值