Prechádzať zdrojové kódy

feat: 大屏样式优化

周玉环 2 dní pred
rodič
commit
356e55c4ec

+ 5 - 0
xinkeaboard-admin/src/pages/statistics/bigscreen/components/BarChart.js

@@ -39,6 +39,11 @@ class BarChart extends React.Component {
     const option = {
       tooltip: {
         trigger: "item", // 鼠标悬浮触发方式:'item' 或 'axis'
+        textStyle: {
+          fontSize: 28, // 设置字体大小
+          fontWeight: "bold", // 可选:加粗
+          // color: "#fff", // 可选:字体颜色
+        },
       },
       xAxis: {
         type: "category",

+ 5 - 0
xinkeaboard-admin/src/pages/statistics/bigscreen/components/EnquirePieChart.js

@@ -53,6 +53,11 @@ class Pie3DChart extends React.Component {
       ), // 自动生成渐变颜色
       tooltip: {
         trigger: "item",
+        textStyle: {
+          fontSize: 28, // 设置字体大小
+          fontWeight: "bold", // 可选:加粗
+          // color: "#fff", // 可选:字体颜色
+        },
       },
       legend: {
         itemGap: 35,

+ 8 - 1
xinkeaboard-admin/src/pages/statistics/bigscreen/components/TrafficLineChart.js

@@ -37,7 +37,14 @@ class LineChart extends React.Component {
     }
     const option = {
       backgroundColor: "transparent",
-      tooltip: { trigger: "axis" },
+      tooltip: {
+        trigger: "axis",
+        textStyle: {
+          fontSize: 28, // 设置字体大小
+          fontWeight: "bold", // 可选:加粗
+          // color: "#fff", // 可选:字体颜色
+        },
+      },
       legend: {
         top: 10,
         itemGap: 30,