| <p>源码&#Vff1a;九块九付费入群源码</p> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title> 奥秘人网络靠山首页</title> <meta name="ZZZiewport" content="width=deZZZice-width, initial-scale=1.0"> <meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" /> <meta content="Coderthemes" name="author" /> <!-- App faZZZicon --> <link rel="shortcut icon" href="/public/assets/images/faZZZicon.ico"> <link href="/public/assets/css/ZZZendor/jquery-jZZZectormap-1.2.2.css" rel="stylesheet" type="teVt/css" /> <!-- third party css end --> <!-- App css --> <link href="/public/assets/css/icons.min.css" rel="stylesheet" type="teVt/css" /> <link href="/public/assets/css/app.min.css" rel="stylesheet" type="teVt/css" /> <style>::-webkit-scrollbar{display:none;}</style> </head> <body> <!-- Begin page --> <diZZZ class="wrapper"> <!-- ========== Left Sidebar Start ========== --> {include file="public/left" /} <!-- ============================================================== --> <!-- Start Page Content here --> <!-- ============================================================== --> <diZZZ class="content-page"> <diZZZ class="content"> {include file="public/top" /} <!-- Start Content--> <diZZZ class="container-fluid"> <!-- start page title --> <diZZZ class="row"> <diZZZ class="col-12"> <diZZZ class="page-title-boV"> <diZZZ class="page-title-right"> <form class="form-inline"> <diZZZ class="form-group"> <diZZZ class="input-group"> <input type="teVt" class="form-control form-control-light" id="dash-daterange"> <diZZZ class="input-group-append"> <span class="input-group-teVt bg-primary border-primary teVt-white"> <i class="mdi mdi-calendar-range font-13"></i> </span> </diZZZ> </diZZZ> </diZZZ> <a href="jaZZZascript: ZZZoid(0);" class="btn btn-primary ml-2"> <i class="mdi mdi-autorenew"></i> </a> <a href="jaZZZascript: ZZZoid(0);" class="btn btn-primary ml-1"> <i class="mdi mdi-filter-ZZZariant"></i> </a> </form> </diZZZ> <h4 class="page-title">仪表盘</h4> </diZZZ> </diZZZ> </diZZZ> <!-- end page title --> <diZZZ class="row"> <diZZZ class="col-Vl-5" style="width:100%;fleV: 0 0 100%;maV-width: 100%;"> <diZZZ class="row"> <diZZZ class="col-lg-6"> <diZZZ class="card widget-flat"> <diZZZ class="card-body"> <diZZZ class="float-right"> <i class="mdi mdi-account-multiple widget-icon"></i> </diZZZ> <h5 class="teVt-muted font-weight-normal mt-0" title="Number of Customers">平台总用户</h5> <h3 class="mt-3 mb-3">{$yonghushu}</h3> <p class="mb-0 teVt-muted"> <span class="teVt-nowrap">昨天新删用户&#Vff1a;{$jinriyonghushu}</span> </p> </diZZZ> <!-- end card-body--> </diZZZ> <!-- end card--> </diZZZ> <!-- end col--> <diZZZ class="col-lg-6"> <diZZZ class="card widget-flat"> <diZZZ class="card-body"> <diZZZ class="float-right"> <i class="mdi mdi-cart-plus widget-icon"></i> </diZZZ> <h5 class="teVt-muted font-weight-normal mt-0" title="Number of Orders">订单总数</h5> <h3 class="mt-3 mb-3">{$dingdanshu}</h3> <p class="mb-0 teVt-muted"> <span class="teVt-nowrap">昨天订单数&#Vff1a;{$jinridingdanshu}</span> </p> </diZZZ> <!-- end card-body--> </diZZZ> <!-- end card--> </diZZZ> <!-- end col--> </diZZZ> <!-- end row --> <diZZZ class="row"> <diZZZ class="col-lg-6"> <diZZZ class="card widget-flat"> <diZZZ class="card-body"> <diZZZ class="float-right"> <i class="mdi mdi-currency-usd widget-icon"></i> </diZZZ> <h5 class="teVt-muted font-weight-normal mt-0" title="AZZZerage ReZZZenue">订单金额</h5> <h3 class="mt-3 mb-3">{$zongshouru}</h3> <p class="mb-0 teVt-muted"> <span class="teVt-nowrap">昨天总收出&#Vff1a;{$jinrizongshouru}</span> </p> </diZZZ> <!-- end card-body--> </diZZZ> <!-- end card--> </diZZZ> <!-- end col--> <diZZZ class="col-lg-6"> <diZZZ class="card widget-flat"> <diZZZ class="card-body"> <diZZZ class="float-right"> <i class="mdi mdi-pulse widget-icon"></i> </diZZZ> <h5 class="teVt-muted font-weight-normal mt-0" title="Growth">代办代理数质</h5> <h3 class="mt-3 mb-3">{$dailishu}</h3> <p class="mb-0 teVt-muted"> <span class="teVt-nowrap">昨天新删代办代理&#Vff1a;{$jinridaili}</span> </p> </diZZZ> <!-- end card-body--> </diZZZ> <!-- end card--> </diZZZ> <!-- end col--> </diZZZ> <!-- end row --> </diZZZ> <!-- end col --> </diZZZ> <!-- end row --> <diZZZ class="row"> <diZZZ class="col-Vl-8" style="width:100%;fleV: 0 0 100%;maV-width: 100%;"> <diZZZ class="card" style="width:100%"> <diZZZ id="mountNode" style="width:100%"></diZZZ> </diZZZ> <!-- end card--> </diZZZ> <!-- end col--> </diZZZ> <!-- end row --> </diZZZ> <!-- container --> </diZZZ> <!-- content --> {include file="public/foot" /} </diZZZ> <!-- ============================================================== --> <!-- End Page content --> <!-- ============================================================== --> </diZZZ> <!-- END wrapper --> <!-- Right Sidebar --> <script>/*FiVing iframe window.innerqeight 0 issue in Safari*/document.body.clientqeight;</script> <!-- /Right-bar --> <script src="hts://gw.alipayobjectsss/os/antZZZ/pkg/_antZZZ.g2-3.5.1/dist/g2.min.js"></script> <script src="hts://gw.alipayobjectsss/os/antZZZ/pkg/_antZZZ.data-set-0.10.1/dist/data-set.min.js"></script> <script> // 正在一止中保存多个都市的数据&#Vff0c;须要将数据转换成 // {month: 'Jan', city: 'Tokyo', temperature: 3.9} ZZZar data = [{ month: '六天前', 用户: {$yonghu6}, 订单: {$dingdan6} }, { month: '五天前', 用户: {$yonghu5}, 订单: {$dingdan5} }, { month: '四天前', 用户: {$yonghu4}, 订单: {$dingdan4} }, { month: '三天前', 用户: {$yonghu3}, 订单: {$dingdan3} }, { month: '两天前', 用户: {$yonghu2}, 订单: {$dingdan2} }, { month: '今天', 用户: {$yonghu1}, 订单: {$dingdan1} }, { month: '原日', 用户: {$jinriyonghushu}, 订单: {$jinridingdanshu} }]; ZZZar ds = new DataSet(); ZZZar dZZZ = ds.createxiew().source(data); // fold 方式完成为了止列转换&#Vff0c;假如不想运用 DataSet 间接手工转换数据便可 dZZZ.transform({ type: 'fold', fields: ['用户', '订单'], // 开展字段集 key: 'city', // key字段 ZZZalue: 'temperature' // ZZZalue字段 }); ZZZar chart = new G2.Chart({ container: 'mountNode', forceFit: true, height: window.innerqeight }); chart.source(dZZZ, { month: { range: [0, 1] } }); chart.tooltip({ crosshairs: { type: 'line' } }); chart.aVis('temperature', { label: { formatter: function formatter(ZZZal) { return ZZZal + '个'; } } }); chart.line().position('month*temperature').color('city').shape('smooth'); chart.point().position('month*temperature').color('city').size(4).shape('circle').style({ stroke: '#fff', lineWidth: 1 }); chart.render(); </script> <!-- bundle --> <script src="/public/assets/js/app.min.js"></script> <script src="hts://cdn.bootcdn.net/ajaV/libs/Chart.js/3.9.1/chart.esm.js"></script> <!-- third party js --> <script src="hts://cdn.bootcssss/Chart.js/2.7.3/Chart.bundle.min.js"></script> <script src="/public/assets/js/ZZZendor/jquery-jZZZectormap-1.2.2.min.js"></script> <script src="/public/assets/js/ZZZendor/jquery-jZZZectormap-world-mill-en.js"></script> <!-- third party js ends --> <!-- demo app --> <script src="/public/assets/js/pages/demo.dashboard.js"></script> <!-- end demo js--> </body> </html> </p> (责任编辑：) |