<div id="main" style="width:100%;height:550px;"></div>
<script src='__PUBLIC__/js/echarts.common.min.js'></script>
<script type="text/javascript">
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
/* tooltip: {
trigger: 'item',
//formatter: "{a} <br/>{b}: {c} ({d}%)"
},*/
legend: {
orient: 'vertical',
x: 'left',
data:[
'设备总数:{$apCount}',
'在线总数:{$userCount}',
'今日收入:{$todayMoney}',
'本月收入:{$monthMoney}',
'会员提现:{$withdraw}元',
'查看提现'
]
},
series : [
{
name: '所占比例',
type: 'pie', //类型为饼
radius: '90%', //图形大小
center: ['50%', '50%'], //居中
label: {
normal: {
position: 'inner' //数据字体围绕着饼里面
}
},
labelLine: {
normal: {
show: false
}
},
data:[
{value:200, name:'设备总数:{$apCount}'},
{value:200, name:'在线总数:{$userCount}'},
{value:200, name:'查看提现'},
{value:200, name:'今日收入:{$todayMoney}'},
{value:200, name:'本月收入:{$monthMoney}'},
{value:200, name:'会员提现:{$withdraw}元'}
]
}
]
})
myChart.setOption(option);
<script src='__PUBLIC__/js/echarts.common.min.js'></script>
<script type="text/javascript">
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
/* tooltip: {
trigger: 'item',
//formatter: "{a} <br/>{b}: {c} ({d}%)"
},*/
legend: {
orient: 'vertical',
x: 'left',
data:[
'设备总数:{$apCount}',
'在线总数:{$userCount}',
'今日收入:{$todayMoney}',
'本月收入:{$monthMoney}',
'会员提现:{$withdraw}元',
'查看提现'
]
},
series : [
{
name: '所占比例',
type: 'pie', //类型为饼
radius: '90%', //图形大小
center: ['50%', '50%'], //居中
label: {
normal: {
position: 'inner' //数据字体围绕着饼里面
}
},
labelLine: {
normal: {
show: false
}
},
data:[
{value:200, name:'设备总数:{$apCount}'},
{value:200, name:'在线总数:{$userCount}'},
{value:200, name:'查看提现'},
{value:200, name:'今日收入:{$todayMoney}'},
{value:200, name:'本月收入:{$monthMoney}'},
{value:200, name:'会员提现:{$withdraw}元'}
]
}
]
})
myChart.setOption(option);
</script>
发现两个data数据要一样,不然会被干掉