option = {
title : {
text: 'Tasks Status',
subtext: 'Counts',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a}
{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: ['x','y','z','a','b']
},
series : [
{
name: 'Bingo',
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
data:[
{value:335, name:'x'},
{value:310, name:'y'},
{value:234, name:'z'},
{value:135, name:'a'},
{value:1548, name:'a'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
====array(6)
[
"title" =>array(3)
"backgroundColor" => string(7) "#ffffff"
"tooltip" =>
"legend" =>
"series" =>
"itemStyle" =>
]
string(635) "{"title":{"text":"Tasks Status","subtext":"Counts","x":"center"},"backgroundColor":"#ffffff","tooltip":{"trigger":"item","formatter":"{a} <br\/>{b} : {c} ({d}%)"},"legend":{"orient":"vertical","left":"left","data":["x","y","z","a","b"]},"series":[{"name":"Bingo","type":"pie","radius":"55%","center":["55%","60%"],"data":[{"value":"335","name":"x","itemStyle":{"normal":{"color":"#ffeeff"}}},{"value":"310","name":"y","itemStyle":{"normal":{"color":"#ff00ff"}}},{"value":"235","name":"z","itemStyle":{"normal":{"color":"#0000ff"}}}]}],"itemStyle":{"emphasis":{"shadowBlur":"10","shadowOffsetX":"0","shadowColor":"rgba(0, 0, 0, 0.5)"}}}"
======
option = {
title : {
text: '南丁格尔玫瑰图',
subtext: '纯属虚构',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a}
{b} : {c} ({d}%)"
},
legend: {
x : 'center',
y : 'bottom',
data:['rose1','rose2','rose3','rose4','rose5','rose6','rose7','rose8']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {
show: true,
type: ['pie', 'funnel']
},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
series : [
{
name:'半径模式',
type:'pie',
radius : [20, 110],
center : ['25%', '50%'],
roseType : 'radius',
label: {
normal: {
show: false
},
emphasis: {
show: true
}
},
lableLine: {
normal: {
show: false
},
emphasis: {
show: true
}
},
data:[
{value:9, name:'rose1'},
{value:3, name:'rose2'},
{value:4, name:'rose3'},
{value:1, name:'rose4'},
{value:0, name:'rose5'}
]
},
{
name:'面积模式',
type:'pie',
radius : [30, 110],
center : ['75%', '50%'],
roseType : 'area',
data:[
{value:9, name:'rose1'},
{value:3, name:'rose2'},
{value:4, name:'rose3'},
{value:1, name:'rose4'},
{value:0, name:'rose5'}
]
}
]
};
====
[
"title" =>
"calculable" => string(4) "true"
"backgroundColor" => string(7) "#ffffff"
"tooltip" =>
"legend" =>
"toolbox" =>
"series" =>
]
string(1624) "{"title":{"text":"Tasks Status","subtext":"Counts","x":"center"},"calculable":"true","backgroundColor":"#ffffff","tooltip":{"trigger":"item","formatter":"{a} <br\/>{b} : {c} ({d}%)"},"legend":{"x":"center","y":"bottom","data":["'rose1'","'rose2'","'rose3'","'rose4'","'rose5'","'rose6'","'rose7'","'rose8'"]},"toolbox":{"show":"true","feature":{"mark":{"show":"true"},"restore":{"show":"true"},"dataView":{"show":"true","readOnly":"false"},"magicType":{"show":"true","type":["pie","funnel"]},"saveAsImage":{"show":"true"}}},"series":[{"name":"Bingo","type":"pie","label":{"normal":{"show":"false"},"emphasis":{"show":"true"}},"roseType":"radius","radius":["20","110"],"center":["25%","50%"],"lableLine":{"normal":{"show":"false"},"emphasis":{"show":"true"}},"data":[{"value":"335","name":"rose1x","itemStyle":{"normal":{"color":"#ffeeff"}}},{"value":"310","name":"rose2y","itemStyle":{"normal":{"color":"#ff00ff"}}},{"value":"235","name":"rose3z","itemStyle":{"normal":{"color":"#0000ff"}}},{"value":"310","name":"rose4y","itemStyle":{"normal":{"color":"#ff00ff"}}},{"value":"235","name":"rose5z","itemStyle":{"normal":{"color":"#0000ff"}}}]},{"name":"Bingo2.0","type":"pie","roseType":"area","radius":["30","110"],"center":["75%","50%"],"data":[{"value":"335","name":"rose1x","itemStyle":{"normal":{"color":"#ffeeff"}}},{"value":"310","name":"rose2y","itemStyle":{"normal":{"color":"#ff00ff"}}},{"value":"235","name":"rose3z","itemStyle":{"normal":{"color":"#0000ff"}}},{"value":"310","name":"rose4y","itemStyle":{"normal":{"color":"#ff00ff"}}},{"value":"235","name":"rose5z","itemStyle":{"normal":{"color":"#0000ff"}}}]}]}"
======
option = {
tooltip: {
trigger: 'item',
formatter: "{a}
{b}: {c} ({d}%)"
},
legend: {
orient: 'vertical',
x: 'left',
data:['x','y','z','a','b']
},
series: [
{
name:'bingo',
type:'pie',
radius: ['50%', '70%'],
avoidLabelOverlap: true,
label: {
normal: {
show: false,
position: 'center'
},
emphasis: {
show: true,
textStyle: {
fontSize: '30',
fontWeight: 'bold'
}
}
},
labelLine: {
normal: {
show: false
}
},
data:[
{value:335, name:'x'},
{value:310, name:'y'},
{value:234, name:'z'},
{value:135, name:'a'},
{value:1548, name:'b'}
]
}
]
};
app.title = '嵌套环形图';
option = {
tooltip: {
trigger: 'item',
formatter: "{a}
{b}: {c} ({d}%)"
},
legend: {
orient: 'vertical',
x: 'left',
data:['a','b','c','d','e','f','g','h','I','j']
},
series: [
{
name:'Inner',
type:'pie',
selectedMode: 'single',
radius: [0, '30%'],
label: {
normal: {
position: 'inner'
}
},
labelLine: {
normal: {
show: false
}
},
data:[
{value:335, name:'I', selected:true},
{value:679, name:'j'},
{value:1548, name:'h'}
]
},
{
name:'Outer',
type:'pie',
radius: ['40%', '55%'],
avoidLabelOverlap:true,
label: {
normal: {
formatter: '{a|{a}}{abg|}\n{hr|}\n {b|{b}：}{c} {per|{d}%} ',
backgroundColor: '#eee',
borderColor: '#aaa',
borderWidth: 1,
borderRadius: 4,
shadowBlur:3,
shadowOffsetX: 2,
shadowOffsetY: 2,
shadowColor: '#999',
padding: [0, 7],
rich: {
a: {
color: '#999',
lineHeight: 22,
align: 'center'
},
// abg: {
// backgroundColor: '#333',
// width: '100%',
// align: 'right',
// height: 22,
// borderRadius: [4, 4, 0, 0]
// },
hr: {
borderColor: '#aaa',
width: '100%',
borderWidth: 0.5,
height: 0
},
b: {
fontSize: 16,
lineHeight: 33
},
per: {
color: '#eee',
backgroundColor: '#334455',
padding: [2, 4],
borderRadius: 2
}
}
}
},
data:[
{value:335, name:'a'},
{value:310, name:'b'},
{value:234, name:'c'},
{value:135, name:'d'},
{value:1048, name:'e'},
{value:251, name:'f'},
{value:147, name:'g'},
{value:102, name:'h'}
]
}
]
};