reactor:宜宾司法大屏改造

src/views/judicial/right-center.vue

@@ -81,6 +81,22 @@ const getData = async () => {
         eventTypeName: "结果不公正",
         count: 12,
       },
+      {
+        eventTypeName: "不作为",
+        count: 5,
+      },
+      {
+        eventTypeName: "乱作为",
+        count: 10,
+      },
+      {
+        eventTypeName: "程序不规范",
+        count: 6,
+      },
+      {
+        eventTypeName: "结果不公正",
+        count: 12,
+      },
     ];*/
     const xData = result.map((item: any) => {
       return item.eventTypeName;
@@ -113,6 +129,7 @@ const setOption = (xData: any, data: any) => {
       data: xData,
       axisLabel: {
         color: "#fff",
+        rotate: 30, // 将标签旋转 45 度
       },
     },
     yAxis: {
@@ -120,6 +137,9 @@ const setOption = (xData: any, data: any) => {
       axisLabel: {
         color: "#fff",
       },
+      splitLine: {
+        show: false, // 去掉 Y 轴的分隔线
+      },
     },
     series: [
       {

src/views/judicial/right-top.vue

@@ -109,8 +109,7 @@ const setOption = (legendData: any, xData: any, seriesData: any) => {
       type: "category",
       boundaryGap: true, // 开始和结尾是否隔开
       axisLabel: {
-        color: "#808080", // 文字颜色
-        fontSize: 12, // 文字像素
+        color: "#fff", // 文字颜色
       },
       axisLine: {
         show: false, // 是否显示坐标轴轴线
@@ -126,7 +125,7 @@ const setOption = (legendData: any, xData: any, seriesData: any) => {
         show: false,
       },
       axisLabel: {
-        color: "#808080", // 文字颜色
+        color: "#fff", // 文字颜色
         fontSize: 12, // 文字像素
       },
       // y轴分割线的颜色