This commit is contained in:
parent
9f1693029a
commit
2bb9f61d28
|
@ -409,7 +409,11 @@ $(function(){
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
//年龄分布
|
//终端分布
|
||||||
|
var pieChart1Data = [];
|
||||||
|
for(var key in from_type_info){
|
||||||
|
pieChart1Data.push({value: from_type_info[key], name: key});
|
||||||
|
}
|
||||||
var pieChart1 = echarts.init(document.getElementById('pieChart1'));
|
var pieChart1 = echarts.init(document.getElementById('pieChart1'));
|
||||||
pieChart1.setOption({
|
pieChart1.setOption({
|
||||||
color:["#32cd32","#ff7f50","#87cefa","#FD6C88","#4b5cc4","#faff72"],
|
color:["#32cd32","#ff7f50","#87cefa","#FD6C88","#4b5cc4","#faff72"],
|
||||||
|
@ -420,24 +424,15 @@ $(function(){
|
||||||
calculable : true,
|
calculable : true,
|
||||||
series : [
|
series : [
|
||||||
{
|
{
|
||||||
name:'购买人群',
|
name:'终端分布',
|
||||||
type:'pie',
|
type:'pie',
|
||||||
radius : [30, 110],
|
radius : [30, 110],
|
||||||
center : ['50%', '50%'],
|
center : ['50%', '50%'],
|
||||||
roseType : 'area',
|
roseType : 'area',
|
||||||
x: '50%',
|
x: '50%',
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
sort : 'ascending',
|
sort : 'ascending',
|
||||||
data:[
|
data: pieChart1Data
|
||||||
{value:10, name:'婴儿(1-3岁)'},
|
|
||||||
{value:5, name:'少儿(4-10岁)'},
|
|
||||||
{value:15, name:'少年(10-18岁)'},
|
|
||||||
{value:25, name:'青年(18-45岁)'},
|
|
||||||
{value:125, name:'中年(45-60岁)'},
|
|
||||||
{value:175, name:'老年(60岁以上)'},
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
|
|
|
@ -105,7 +105,7 @@
|
||||||
<div class="div_any" style="margin-left: 0.5%;">
|
<div class="div_any" style="margin-left: 0.5%;">
|
||||||
<div class="left div_any01" style="width:27%;">
|
<div class="left div_any01" style="width:27%;">
|
||||||
<div class="div_any_child" style="height: 420px;">
|
<div class="div_any_child" style="height: 420px;">
|
||||||
<div class="div_any_title"><img src="{% static "images/title_18.png" %}">年龄分布</div>
|
<div class="div_any_title"><img src="{% static "images/title_18.png" %}">购买终端分布</div>
|
||||||
<p id="pieChart1" class="p_chart" style="height: 400px;"></p>
|
<p id="pieChart1" class="p_chart" style="height: 400px;"></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue