thinkphp5 js 读库

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);