echarts餅圖：設置占比的起始角度位置和生長方向

想改變餅圖生長起始角度，用startAngle屬性，但是找不到餅圖的起始位置和生長方向，注意：餅圖的生長的順序是按照data的數據的順序來從起始角度根據占比生長的

舉個栗子

數據：

 

series: [{
name:‘項目’,
type:‘pie’,
radius: [‘32%’, ‘50%’],
minAngle: 15,//最小角度
data: [ {value:1115, name:‘直接訪問’},
{value:1114, name:‘聯盟廣告’},
{value:3, name:‘郵件營銷’},
],
}]

一般的，餅圖  填充占比的時候一幫都是按照  data中的數據的順序，從起始角度，按照占比進行填充繪畫的。

展示情況如下圖

 

 此時第一條數據是“直接訪問”，從圖上觀察可以看出第一個環形是從頂部開始長的，而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°的位置開始生長

 

原文參考鏈接：https://blog.csdn.net/qq_37708668/article/details/83930567