|
|
|
|
@ -344,67 +344,33 @@
|
|
|
|
|
var orderList = {!! json_encode($orderList) !!};
|
|
|
|
|
console.log(lies,saleList,orderList)
|
|
|
|
|
function initPieChart () {
|
|
|
|
|
var datas = [
|
|
|
|
|
[
|
|
|
|
|
var datas = lies.map(function (item) {
|
|
|
|
|
return [
|
|
|
|
|
{
|
|
|
|
|
name: '180/天',
|
|
|
|
|
value: 33,
|
|
|
|
|
itemStyle: {
|
|
|
|
|
color: "#609ff9"
|
|
|
|
|
}
|
|
|
|
|
name: item.name,
|
|
|
|
|
value: parseFloat(item.total??"0") * item.rate,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: '未完成',
|
|
|
|
|
value: 67,
|
|
|
|
|
value: parseFloat(item.total??"0") * (1 - item.rate),
|
|
|
|
|
itemStyle: {
|
|
|
|
|
color: "#f1f2f5"
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
[
|
|
|
|
|
{
|
|
|
|
|
name: '220/天',
|
|
|
|
|
value: 44,
|
|
|
|
|
itemStyle: {
|
|
|
|
|
color: "#8dd191"
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: '未完成',
|
|
|
|
|
value: 56,
|
|
|
|
|
itemStyle: {
|
|
|
|
|
color: "#f1f2f5"
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
[
|
|
|
|
|
{
|
|
|
|
|
name: '300/天',
|
|
|
|
|
value: 13,
|
|
|
|
|
itemStyle: {
|
|
|
|
|
color: "#f6db7c"
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: '未完成',
|
|
|
|
|
value: 87,
|
|
|
|
|
itemStyle: {
|
|
|
|
|
color: "#f1f2f5"
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
]
|
|
|
|
|
];
|
|
|
|
|
})
|
|
|
|
|
var pieChart = echarts.init(document.querySelector("#pie-chart"));
|
|
|
|
|
var pieWidthPer = 100 / lies.length;
|
|
|
|
|
var option = {
|
|
|
|
|
series: datas.map(function (data, idx) {
|
|
|
|
|
var left = idx * 33.3;
|
|
|
|
|
var left = idx * pieWidthPer;
|
|
|
|
|
return {
|
|
|
|
|
type: 'pie',
|
|
|
|
|
radius: [40, 60],
|
|
|
|
|
top: 'center',
|
|
|
|
|
height: '33.33%',
|
|
|
|
|
left: left + '%',
|
|
|
|
|
width: '33.33%',
|
|
|
|
|
width: pieWidthPer + '%',
|
|
|
|
|
itemStyle: {
|
|
|
|
|
borderColor: '#fff',
|
|
|
|
|
borderWidth: 1
|
|
|
|
|
|
