✨ Add sign status for Lagrange.Core

2025-07-27 21:30:54 +00:00 · 2024-05-11 00:16:38 +08:00
parent 75a4d1fdcb
commit 205b69e5cb
12 changed files with 133 additions and 23 deletions
--- a/liteyuki/resources/lagrange_sign/metadata.yml
+++ b/liteyuki/resources/lagrange_sign/metadata.yml
@ -0,0 +1,3 @@
+name: Sign Status
+description: for Lagrange
+version: 2024.4.26
--- a/liteyuki/resources/lagrange_sign/templates/css/sign_status.css
+++ b/liteyuki/resources/lagrange_sign/templates/css/sign_status.css
@ -0,0 +1,4 @@
+.sign-chart {
+    height: 400px;
+    background-color: rgba(255, 255, 255, 0.7);
+}
--- a/liteyuki/resources/lagrange_sign/templates/js/sign_status.js
+++ b/liteyuki/resources/lagrange_sign/templates/js/sign_status.js
@ -0,0 +1,41 @@
+// 数据类型声明
+// 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"],
+            },
+            yAxis: {
+                type: 'value',
+                min: Math.min(...item["counts"]),
+            },
+            series: [
+                {
+                    data: item["counts"],
+                    type: 'line'
+                }
+            ]
+        }
+    )
+})
--- a/liteyuki/resources/lagrange_sign/templates/sign_status.html
+++ b/liteyuki/resources/lagrange_sign/templates/sign_status.html
@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="zh" xmlns="http://www.w3.org/1999/html">
+<head>
+    <meta charset="UTF-8">
+    <title>Liteyuki Status</title>
+    <link rel="stylesheet" href="./css/card.css">
+    <link rel="stylesheet" href="./css/fonts.css">
+    <link rel="stylesheet" href="./css/sign_status.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/sign_status.js"></script>
+<script src="./js/card.js"></script>
+</body>