From ddad886321455b5f5569ec6335eea478ae7fe7df Mon Sep 17 00:00:00 2001
From: zhitan-cloud <394600+ustcyc@user.noreply.gitee.com>
Date: 星期五, 14 二月 2025 19:27:38 +0800
Subject: [PATCH] !78 全系统按钮列表等优化 Merge pull request !78 from Alioo/develop_alioo

---
 zhitan-vue/src/components/Echarts/LineChart.vue |   13 ++++++++++---
 1 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/zhitan-vue/src/components/Echarts/LineChart.vue b/zhitan-vue/src/components/Echarts/LineChart.vue
index 3294c0c..c4c0de6 100644
--- a/zhitan-vue/src/components/Echarts/LineChart.vue
+++ b/zhitan-vue/src/components/Echarts/LineChart.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="chart-item">
-    <div id="ChartDom" style="width: 100%; height: 100%"></div>
+    <div :id="domId" style="width: 100%; height: 100%"></div>
   </div>
 </template>
 
@@ -18,6 +18,10 @@
   chartType: {
     type: String,
     default: "line", // bar
+  },
+  domId: {
+    type: String,
+    default: "ChartDom",
   },
 })
 
@@ -44,13 +48,14 @@
   if (!props.chartData.xAxis) {
     return
   }
-  const chartDom = document.getElementById("ChartDom")
+  const chartDom = document.getElementById(props.domId)
   if (echarts.getInstanceByDom(chartDom)) {
     echarts.dispose(chartDom)
   }
   const myChart = echarts.init(chartDom)
   // 澶勭悊澶氱郴鍒楁暟鎹�
   const series = props.chartData.series.map((item) => ({
+    ...item,
     name: item.name,
     type: props.chartType, // 鏍规嵁浼犲叆绫诲瀷娓叉煋
     data: item.data,
@@ -60,6 +65,7 @@
     },
     smooth: true, // 鍚敤骞虫粦鏇茬嚎
   }))
+  console.log("initChart", series)
   let option = {
     title: {
       // text: props.chartData.title,
@@ -68,7 +74,8 @@
         color: "#2979ff",
       },
     },
-    color: ["#2979ff", "#19be6b", "#ff9900", "#fa3534"],
+    color: ["#4dadf8", "#19be6b", "#ff9900", "#3d8a32", "#e8463a", "#ff4e3f"],
+    // color: ["#2979ff", "#19be6b", "#ff9900", "#fa3534"],
     tooltip: {
       trigger: "axis",
       axisPointer: {

--
Gitblit v1.9.3