html页面
<div class="wst-total wst-summary" style="height: 800px;"> <div class='wst-summary-head layui-col-md12'> <span class="content layui-col-md6">消费统计</span> <div id="left_top" style='width:50%;height:400px; float: right'></div> <div class="tongji" style="position: absolute;margin-top: 255px;margin-left: 50px;"> 今日总数:{$today_count}次</div> <div id="right_top" style='width:50%;height:400px; float: right;'></div> <div class="tongji" style="position: absolute;margin-top: 255px;margin-left: 250px;"> 总数:{$s_f_count}次</div> <span class="content wst-summary-head layui-col-md6">代还统计</span> <div id="left_low" style='width:50%;height:400px; float: right'></div> <div id="right_low" style='width:50%;height:400px; float: right;'></div> </div> <!--<div id="main2" style='width:50%;height:200px;'></div>--> </div> <script type="text/javascript"> var report02 =JSON.parse('{$report02}'); var retporttitle =JSON.parse('{$retporttitle}'); var retporttitle_topright =JSON.parse('{$retporttitle_topright}'); var report_topright =JSON.parse('{$report_topright}'); </script>
js
function laodmoney_report() { var myChart1 = echarts.init(document.getElementById('money_report')); myChart1.clear(); option = { // title : { // text: '111', // subtext: '111', // left:'1%', // x:'left' // }, color:['red','Lightgray','Lightblue'], tooltip : { // trigger: 'item', // formatter: "{a} <br/>{b} : {c} ({d}%)" formatter: "{b} : {c} ({d}%)" }, // legend: { // orient: 'vertical', // left: '25', // top:'68%', // selectedMode:false, // // formatter: "{name} {2} 次", // data: ['成功','失败'] // // data:retporttitle_topright // // }, series : [ { name: '', type: 'pie', radius : '88%', center: ['50%', '44%'], label: { normal: { show: false, // position: 'center' }, emphasis: { show: false, textStyle: { fontSize: '10', fontWeight: 'bold' } } }, labelLine: { normal: { show: false } }, // data:report_topright, data:[ {value:90, name:'成功'}, {value:10, name:'失败'}, // {value:135, name:'视频广告'}, // {value:1548, name:'搜索引擎'} ], // formatter:{ // name: 直接访问, // }, itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)', } } } ] }; myChart1.setOption(option); window.onresize = myChart1.resize }
Controller
$today_success = Db::name('ai_pay')->whereTime('create_time', 'today')->where('status','81')->count(); $today_fail=Db::name('ai_pay')->whereTime('create_time','today')->where('status','neq','81')->count(); $today_count=Db::name('ai_pay')->whereTime('create_time','today')->count(); $this->assign("today_count",$today_count); $report02[] =['value'=>$today_success,'name'=>'成功']; $report02[] =['value'=> $today_fail,'name'=>'失败']; // $retporttitle[] =['value'=>$report021,'name'=>'成功']; // $retporttitle[] =['value'=> $report022,'name'=>'失败']; // $report02[] =['value'=>'','name'=>'成功率']; // var_dump($report02);die; // $report02[] =['value'=>'113','name'=>'wer']; // $report02[] =['value'=>'213','name'=>'789']; foreach ($report02 as $key => $value) { // $report02[$key]['name'] = $value['name'].':'.$value['value']; $report02[$key]['name'] = $value['name'].':'.$value['value']; $retporttitle[$key]['name'] = $value['name'].':'.$value['value']; } // foreach ($retporttitle as $key => $value) { //// $report02[$key]['name'] = $value['name'].':'.$value['value']; // // $retporttitle[$key]['name'] = $value['name'].':'.$value['value']; // } $report02 =json_encode($report02,true); $retporttitle=json_encode($retporttitle,true); // dump($retporttitle); // dump($report02); // exit; $this->assign("report02",$report02); $this->assign("retporttitle",$retporttitle);