✨ message 统计

2024-05-12 02:47:14 +08:00
parent c6f2a29320
commit 041ceb81d8
52 changed files with 371 additions and 160 deletions
--- a/liteyuki/resources/liteyuki_statistics/lang/zh-CN.lang
+++ b/liteyuki/resources/liteyuki_statistics/lang/zh-CN.lang
@ -0,0 +1 @@
+stat.message=统计消息
--- a/liteyuki/resources/liteyuki_statistics/metadata.yml
+++ b/liteyuki/resources/liteyuki_statistics/metadata.yml
@ -0,0 +1,3 @@
+name: 轻雪统计信息附件
+description: For Liteyuki statistic
+version: 2024.4.26
--- a/liteyuki/resources/liteyuki_statistics/templates/css/stat_msg.css
+++ b/liteyuki/resources/liteyuki_statistics/templates/css/stat_msg.css
@ -0,0 +1,4 @@
+.sign-chart {
+    height: 400px;
+    background-color: rgba(255, 255, 255, 0.7);
+}
--- a/liteyuki/resources/liteyuki_statistics/templates/js/stat_msg.js
+++ b/liteyuki/resources/liteyuki_statistics/templates/js/stat_msg.js
@ -0,0 +1,54 @@
+// 数据类型声明
+// import * as echarts from 'echarts';
+
+let data = JSON.parse(document.getElementById("data").innerText)    // object
+const signChartDivTemplate = document.importNode(document.getElementById("sign-chart-template").content, true)
+data.forEach((item) => {
+    let signChartDiv = signChartDivTemplate.cloneNode(true)
+    let chartID = item["name"]
+    // 初始化ECharts实例
+    // 设置id
+    signChartDiv.querySelector(".sign-chart").id = chartID
+    document.body.appendChild(signChartDiv)
+
+    let signChart = echarts.init(document.getElementById(chartID))
+
+    signChart.setOption(
+        {
+            animation: false,
+            title: {
+                text: item["name"],
+                textStyle: {
+                    color: '#000000'  // 设置标题文本颜色为红色
+                }
+            },
+            xAxis: {
+                type: 'category',
+                data: item["times"].map(timestampToTime),
+            },
+            yAxis: {
+                type: 'value',
+                min: Math.min(...item["counts"]),
+            },
+
+            series: [
+                {
+                    data: item["counts"],
+                    type: 'line',
+                }
+            ]
+        }
+    )
+})
+
+
+function timestampToTime(timestamp) {
+    let date = new Date(timestamp * 1000)
+    let Y = date.getFullYear() + '-'
+    let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
+    let D = date.getDate() + ' '
+    let h = date.getHours() + ':'
+    let m = date.getMinutes() + ':'
+    let s = date.getSeconds()
+    return M + D + h + m + s
+}
--- a/liteyuki/resources/liteyuki_statistics/templates/stat_msg.html
+++ b/liteyuki/resources/liteyuki_statistics/templates/stat_msg.html
@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="zh" xmlns="http://www.w3.org/1999/html">
+<head>
+    <meta charset="UTF-8">
+    <title>Liteyuki Stats Message</title>
+    <link rel="stylesheet" href="./css/card.css">
+    <link rel="stylesheet" href="./css/fonts.css">
+    <link rel="stylesheet" href="./css/stat_msg.css">
+</head>
+
+<body>
+
+<template id="sign-chart-template">
+    <div class="info-box sign-chart">
+    </div>
+</template>
+<div class="data-storage" id="data">{{ data | tojson }}</div>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.5.0/echarts.min.js"></script>
+<script src="./js/stat_msg.js"></script>
+<script src="./js/card.js"></script>
+</body>