构建版本修改

components/AiEchart/template/line/lineChart1.js

@@ -0,0 +1,40 @@
+import tools from '../tools';
+
+export default {
+	legend: { show: false },
+	grid: {
+		left: 50,
+		right: 0
+	},
+	tooltip: {
+		trigger: 'axis',
+		backgroundColor: 'rgba(14, 51, 111, 0.9)',
+		borderColor: '#1A6ABC',
+		textStyle: { color: '#fff' },
+		axisPointer: { type: 'cross' }
+	},
+	yAxis: {
+		nameGap: 23,
+		minInterval: 1,
+		splitLine: { lineStyle: { color: 'rgba(255,255,255,.2)', type: 'dashed' } },
+		axisLabel: { color: '#fff' },
+		axisPointer: { snap: true }
+	},
+	daemon: (color) => ({
+		showSymbol: false,
+		lineStyle: { shadowBlur: 4, shadowOffsetY: 2 },
+		areaStyle: {
+			color: {
+				type: 'linear',
+				x: 0,
+				x2: 0,
+				y: 0,
+				y2: 1,
+				colorStops: [
+					{ offset: 0, color: tools.$colorUtils.Hex2RGBA(color, 0.5) },
+					{ offset: 1, color: tools.$colorUtils.Hex2RGBA(color, 0.5) }
+				]
+			}
+		}
+	})
+};

components/AiEchart/template/line/lineChart2.js

@@ -0,0 +1,27 @@
+import tools from "../tools";
+
+export default {
+  legend: {
+    right: 0, itemGap: 16,
+    textStyle: {color: '#fff', padding: [0, 0, 0, 8], fontSize: 14},
+  },
+  grid: {
+    left: 50, right: 0
+  },
+  tooltip: {
+    trigger: 'axis', backgroundColor: 'rgba(14, 51, 111, 0.9)', borderColor: '#1A6ABC',
+    textStyle: {color: '#fff'}
+  },
+  daemon: color => ({
+    showSymbol: false,
+    lineStyle: {shadowBlur: 4, shadowOffsetY: 2},
+    areaStyle: {
+      color: {
+        type: 'linear', x: 0, x2: 0, y: 0, y2: 1, colorStops: [
+          {offset: 0, color: tools.$colorUtils.Hex2RGBA(color, .5)},
+          {offset: 1, color: tools.$colorUtils.Hex2RGBA(color, 0)},
+        ]
+      }
+    }
+  })
+}

components/AiEchart/template/line/lineChart3.js

@@ -0,0 +1,16 @@
+export default {
+  legend: {
+    right: 0, itemGap: 16,
+    textStyle: {color: '#fff', padding: [0, 0, 0, 8], fontSize: 14},
+  },
+  grid: {
+    left: 50, right: 0
+  },
+  tooltip: {
+    trigger: 'axis', backgroundColor: 'rgba(14, 51, 111, 0.9)', borderColor: '#1A6ABC',
+    textStyle: {color: '#fff'}
+  },
+  daemon: {
+    lineStyle: {shadowBlur: 4, shadowOffsetY: 2},
+  }
+}

components/AiEchart/template/line/lineChart4.js

@@ -0,0 +1,19 @@
+export default {
+  legend: {
+    right: 0, itemGap: 16,
+    textStyle: {color: '#fff', padding: [0, 0, 0, 8], fontSize: 14},
+  },
+  grid: {
+    left: 50, right: 0
+  },
+  tooltip: {
+    trigger: 'axis', backgroundColor: 'rgba(14, 51, 111, 0.9)', borderColor: '#1A6ABC',
+    textStyle: {color: '#fff'}
+  },
+  daemon: {
+    lineStyle: {shadowBlur: 4, shadowOffsetY: 2},
+    emphasis: {
+      focus: 'self'
+    }
+  }
+}

components/AiEchart/template/line/lineChart5.js

@@ -0,0 +1,31 @@
+import tools from "../tools";
+
+export default {
+  legend: {show: false},
+  grid: {
+    left: 50, right: 0
+  },
+  tooltip: {
+    trigger: 'axis', backgroundColor: 'rgba(14, 51, 111, 0.9)', borderColor: '#1A6ABC',
+    textStyle: {color: '#fff'},
+    axisPointer: {type: 'cross'}
+  },
+  yAxis: {
+    nameGap: 23, minInterval: 1,
+    splitLine: {lineStyle: {color: 'rgba(255,255,255,.2)', type: 'dashed'}},
+    axisLabel: {color: '#fff'},
+    axisPointer: {snap: true}
+  },
+  daemon: color=> ({
+    showSymbol: false, smooth: true,
+    lineStyle: {shadowBlur: 4, shadowOffsetY: 2},
+    areaStyle: {
+      color: {
+        type: 'linear', x: 0, x2: 0, y: 0, y2: 1, colorStops: [
+          {offset: 0, color: tools.$colorUtils.Hex2RGBA(color, .5)},
+          {offset: 1, color: tools.$colorUtils.Hex2RGBA(color, 0)},
+        ]
+      }
+    }
+  })
+}