feat: chart support color config

components/ChinaMap/ChinaMap.vue

@@ -86,7 +86,13 @@
 					const index = finalData.map(child => child[0]).indexOf(item[0].name)
 					finalData[index][1].push(item)
 				})
-				const color = ['#a6c84c', '#ffa022'] // 航线的颜色
+				var color = ['#00f2f1', '#ed3f35', '#1089E7', "#F8B448", "#8B78F6", '#8cd8ff',
+						'#f0ad54', '#ffffff', '#000000'
+				]// 航线的颜色
+				if(this.elementInfo.option.colorConfig && this.elementInfo.option.colorConfig.value) {
+					color = this.elementInfo.option.colorConfig.value
+				}	
+				
 				const series = []
 				finalData.forEach((item, i) => {
 					series.push({

components/HorizontalBar/HorizontalBar.vue

@@ -48,9 +48,16 @@ export default {
       const {
         dataList: { categories, series }
       } = this.elementData
-      const that = this
+      const that = this
+			var color = ['#00f2f1', '#ed3f35', '#1089E7', "#F8B448", "#8B78F6", '#8cd8ff',
+					'#f0ad54', '#ffffff', '#000000'
+			]
+			if(that.elementInfo.option.colorConfig && that.elementInfo.option.colorConfig.value) {
+				color = that.elementInfo.option.colorConfig.value
+			}	
       that.ec.option = {
-        ...that.elementInfo.option,
+        ...that.elementInfo.option,
+				color: color,
         yAxis: {
           ...that.elementInfo.option.yAxis,
           data: categories

components/LineMixBar/LineMixBar.vue

@@ -47,9 +47,16 @@
 				})
 				canvas.setChart(chart)
 				const {categories, series} = this.elementData.dataList
-				const that = this
+				const that = this
+				var color = ['#00f2f1', '#ed3f35', '#1089E7', "#F8B448", "#8B78F6", '#8cd8ff',
+						'#f0ad54', '#ffffff', '#000000'
+				]
+				if(that.elementInfo.option.colorConfig && that.elementInfo.option.colorConfig.value) {
+					color = that.elementInfo.option.colorConfig.value
+				}	
 				that.ec.option = {
-					...that.elementInfo.option,
+					...that.elementInfo.option,
+					color: color,
 					xAxis: {
 						...that.elementInfo.option.xAxis,
 						data: categories

components/NormalBar/NormalBar.vue

@@ -42,9 +42,16 @@
 				})
 				canvas.setChart(chart)
 				const { categories, series } = this.elementData.dataList
-				const that = this 
+				const that = this 
+				var color = ['#00f2f1', '#ed3f35', '#1089E7', "#F8B448", "#8B78F6", '#8cd8ff',
+						'#f0ad54', '#ffffff', '#000000'
+				]
+				if(that.elementInfo.option.colorConfig && that.elementInfo.option.colorConfig.value) {
+					color = that.elementInfo.option.colorConfig.value
+				}	
 				that.ec.option = {
-					...that.elementInfo.option,
+					...that.elementInfo.option,
+					color: color,
 					xAxis: {
 						...that.elementInfo.option.xAxis,
 						data: categories

components/NormalLine/NormalLine.vue

@@ -42,11 +42,15 @@
 				canvas.setChart(chart)
 				const { categories = [], series = [] } = this.elementData.dataList
 				const that = this
+				var color = ['#00f2f1', '#ed3f35', '#1089E7', "#F8B448", "#8B78F6", '#8cd8ff',
+						'#f0ad54', '#ffffff', '#000000'
+				]
+				if(that.elementInfo.option.colorConfig && that.elementInfo.option.colorConfig.value) {
+					color = that.elementInfo.option.colorConfig.value
+				}	
 				that.ec.option = {
 					...that.elementInfo.option,
-					color: ['#00f2f1', '#ed3f35', '#1089E7', "#F8B448", "#8B78F6", '#8cd8ff',
-						'#f0ad54', '#ffffff', '#000000'
-					],
+					color: color,
 					xAxis: {
 						...that.elementInfo.option.xAxis,
 						data: categories

components/NormalPie/NormalPie.vue

@@ -41,10 +41,14 @@ export default {
 			})
 			canvas.setChart(chart)
 			const { series } = this.elementData.dataList
-			const that = this
+			const that = this
+			var color = ['#1089E7', '#F57474', '#56D0E3', '#F8B448', '#8B78F6']
+			if(that.elementInfo.option.colorConfig && that.elementInfo.option.colorConfig.value) {
+				color = that.elementInfo.option.colorConfig.value
+			}	
 			this.ec.option = {
 				...that.elementInfo.option,
-				color: ['#1089E7', '#F57474', '#56D0E3', '#F8B448', '#8B78F6'],
+				color: color,
 				tooltip: that.dealTooltip(that.elementInfo.option.tooltip),
 				series: that.dealSeriesData(series)
 			}

components/NormalRadar/NormalRadar.vue

@@ -38,9 +38,16 @@
 					devicePixelRatio: canvasDpr
 				})
 				canvas.setChart(chart)
-				const {indicator, series} = this.elementData.dataList
+				const {indicator, series} = this.elementData.dataList
+				var color = ['#00f2f1', '#ed3f35', '#1089E7', "#F8B448", "#8B78F6", '#8cd8ff',
+						'#f0ad54', '#ffffff', '#000000'
+				]
+				if(this.elementInfo.option.colorConfig && this.elementInfo.option.colorConfig.value) {
+					color = this.elementInfo.option.colorConfig.value
+				}	
 				this.ec.option = {
-					...this.elementInfo.option,
+					...this.elementInfo.option,
+					color: color,
 					tooltip: {},
 					radar: {
 						indicator