> document.addEventListener("DOMContentLoaded", function () { window.ApexCharts && (new ApexCharts(document.getElementById('check-in'), { chart: { type: "donut", fontFamily: 'inherit', height: 300, sparkline: { enabled: true }, animations: { enabled: false }, }, fill: { opacity: 1, }, series: [getValue('total_user')-$_smarty_tpl->getValue('checkin_user');?> , getValue('checkin_user')-$_smarty_tpl->getValue('today_checkin_user');?> , getValue('today_checkin_user');?> ], labels: ["没有签到", "曾经签到", "今日签到"], grid: { strokeDashArray: 3, }, colors: [tabler.getColor("azure"), tabler.getColor("cyan"), tabler.getColor("orange")], legend: { show: true, position: 'bottom', offsetY: 12, markers: { width: 10, height: 10, radius: 100, }, itemMargin: { horizontal: 8, vertical: 8 }, }, tooltip: { fillSeriesColor: false }, })).render(); window.ApexCharts && (new ApexCharts(document.getElementById('node-online'), { chart: { type: "donut", fontFamily: 'inherit', height: 300, sparkline: { enabled: true }, animations: { enabled: false }, }, fill: { opacity: 1, }, series: [getValue('alive_node');?> , getValue('total_node')-$_smarty_tpl->getValue('alive_node');?> ], labels: ["在线", "离线"], grid: { strokeDashArray: 2, }, colors: [tabler.getColor("lime"), tabler.getColor("red")], legend: { show: true, position: 'bottom', offsetY: 12, markers: { width: 10, height: 10, radius: 100, }, itemMargin: { horizontal: 8, vertical: 8 }, }, tooltip: { fillSeriesColor: false }, })).render(); window.ApexCharts && (new ApexCharts(document.getElementById('user-inactive'), { chart: { type: "donut", fontFamily: 'inherit', height: 300, sparkline: { enabled: true }, animations: { enabled: false }, }, fill: { opacity: 1, }, series: [getValue('inactive_user');?> , getValue('active_user');?> ], labels: ["闲置账户", "活动账户"], grid: { strokeDashArray: 4, }, colors: [tabler.getColor("yellow"), tabler.getColor("lime")], legend: { show: true, position: 'bottom', offsetY: 12, markers: { width: 10, height: 10, radius: 100, }, itemMargin: { horizontal: 8, vertical: 8 }, }, tooltip: { fillSeriesColor: false }, })).render(); window.ApexCharts && (new ApexCharts(document.getElementById('traffic-usage'), { chart: { type: "donut", fontFamily: 'inherit', height: 300, sparkline: { enabled: true }, animations: { enabled: false }, }, fill: { opacity: 1, }, series: [getValue('raw_today_traffic');?> , getValue('raw_last_traffic');?> , getValue('raw_unused_traffic');?> ], labels: ["今日已用(getValue('today_traffic');?> )", "过去已用(getValue('last_traffic');?> )", "剩余流量(getValue('unused_traffic');?> )"], grid: { strokeDashArray: 3, }, colors: [tabler.getColor("green"), tabler.getColor("lime"), tabler.getColor("yellow")], legend: { show: true, position: 'bottom', offsetY: 12, markers: { width: 10, height: 10, radius: 100, }, itemMargin: { horizontal: 8, vertical: 8 }, }, tooltip: { fillSeriesColor: false }, })).render(); }); > src="//getValue('config')['jsdelivr_url'];?> /npm/@tabler/core@latest/dist/libs/apexcharts/dist/apexcharts.min.js"> > renderSubTemplate('file:admin/footer.tpl', $_smarty_tpl->cache_id, $_smarty_tpl->compile_id, 0, $_smarty_tpl->cache_lifetime, array(), (int) 0, $_smarty_current_dir); } }