更新 折线图线条样式

src/components/LineChart.vue

@@ -58,26 +58,25 @@ export default {
       },
       yAxis: {
         type: "value",
-      },
-      splitLine: {
-        show: true,
-        lineStyle: {
-          type: "dashed", //默认实线，dashed虚线
-          width: 10,
-          color: "#000",
+        splitLine: {
+          show: true,
+          lineStyle: {
+            type: "dashed", //默认实线，dashed虚线
+            width: 1,
+            color: "#354053",
+          },
         },
       },
+
       series: [
         {
           name: "货种",
           data: [0.42, 0.35, 0.71, 0.67, 0.85, 0.52, 0.79],
           type: "line",
           symbolSize: 0,
-
-          itemStyle: {
-            lineStyle: {
-              color: "#5B8FF9",
-            },
+          lineStyle: {
+            color: "#4e76dc",
+            width: 2,
           },
           areaStyle: {
             //右，下，左，上
@@ -105,10 +104,9 @@ export default {
           data: [0.32, 0.25, 0.51, 0.37, 0.65, 0.32, 0.69],
           type: "line",
           symbolSize: 0,
-          itemStyle: {
-            lineStyle: {
-              color: "#5AD8A6",
-            },
+          lineStyle: {
+            color: "#3ecd9a",
+            width: 2,
           },
           areaStyle: {
             //右，下，左，上