diff --git a/resources/views/admin/home.blade.php b/resources/views/admin/home.blade.php index 189be69..66e4e72 100644 --- a/resources/views/admin/home.blade.php +++ b/resources/views/admin/home.blade.php @@ -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