|
我按照Echart里面的样例,想要画一个饼图,却只显示出来一个圆,这是什么原因呢?以下是代码,新手求指导,谢谢。
var option = {
title:{
text:'用户账单统计',
sutext:'系统自动生成',
x:'center'
},
tooltip : {
trigger: 'item',
formatter:"{a} <br/>{b}:{c}({d}%)"
},
legend: {
orient:'vertical',
x:'left',
data:['网购','交通','手机充值','餐饮费']
},
toolbox: {
show : true,
feature : {
mark : {show: true},
dataView : {show: true, readOnly: false},
magicType : {
show: true,
type: ['pie', 'funnel'],
option:{
funnel:{
x:'25%',
width:'50%',
funnelAlign:'left',
max:1548
}
}
},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable : true,
series : [
{
name:'统计',
type:'pie',
radius:'50%',
center:['50%','40%'],
data:[
{values:335,name:'网购'},
{values:310,name:'交通'},
{values:234,name:'手机充值'},
{values:1548,name:'餐饮费'}
]
}
]
};
var myChart = echarts.init(this.getElementByXid('content1'));
myChart.setOption(option);
|
|