feat: 图表组件点击交互

common/http.interceptor.js

 const install = (Vue, vm) => {
 	Vue.prototype.$u.http.setConfig({
-		baseUrl: 'https://api.charleskeith.cn', // 请求的本域名
-		// baseUrl: 'http://192.168.138.55:808l',
+		// baseUrl: 'https://api.charleskeith.cn', // 请求的本域名
+		baseUrl: 'http://192.168.138.55:8081',
 		showLoading: true, // 是否显示请求中的loading
 		loadingText: '努力加载中。。。', // 请求loading中的文字提示
 		loadingTime: 300, // 在此时间内，请求还没回来的话，就显示加载中动画，单位ms

components/BarMixMap/BarMixMap.vue

@@ -46,6 +46,9 @@
 						const { mapMixBarShow, mapMixBarChangeInterval} = this.elementInfo.option.mapMix
 						let flag = true
 						chart.setOption(options, true)
+						chart.on('click', event => {
+							this.handleEchartsClick(event)
+						})
 						// 柱状图 地图 切换
 						if(mapMixBarShow && mapMixBarChangeInterval) {
 							clearInterval(this.changeTimer)

components/ChinaMap/ChinaMap.vue

@@ -137,6 +137,9 @@
 							series: series
 						}
 						chart.setOption(options)
+						chart.on('click', event => {
+							this.handleEchartsClick(event)
+						})
 						return chart
 					})
 				})

components/HorizontalBar/HorizontalBar.vue

@@ -53,6 +53,9 @@ export default {
 						series: this.dealSeriesData(series)
 					}
 					chart.setOption(options)
+					chart.on('click', event => {
+						this.handleEchartsClick(event)
+					})
 					return chart
 				})
 			})

components/LineMixBar/LineMixBar.vue

@@ -67,6 +67,9 @@
 							series: this.dealSeriesData(series)
 						}
 						chart.setOption(options)
+						chart.on('click', event => {
+							this.handleEchartsClick(event)
+						})
 						return chart
 					})
 				})

components/NormalBar/NormalBar.vue

@@ -53,6 +53,9 @@ export default {
 						series: this.dealSeriesData(series)
 					}
 					chart.setOption(options)
+					chart.on('click', event => {
+						this.handleEchartsClick(event)
+					})
 					return chart
 				})
 			})

components/NormalLine/NormalLine.vue

@@ -53,6 +53,9 @@ export default {
 						series: this.dealSeriesData(series)
 					}
 					chart.setOption(options)
+					chart.on('click', event => {
+						this.handleEchartsClick(event)
+					})
 					return chart
 				})
 			})

components/NormalPie/NormalPie.vue

@@ -57,6 +57,9 @@ export default {
 						series: this.dealSeriesData(series)
 					}
 					chart.setOption(options)
+					chart.on('click', event => {
+						this.handleEchartsClick(event)
+					})
 					return chart
 				})
 			})

mixins/echartElementData.js

@@ -64,10 +64,17 @@ export default {
 				this.$u.toast(Msg)
 			}
 		},
-    clearTimer() {
-      clearInterval(this.timer)
-      this.timer = null
-    }
+		clearTimer() {
+			clearInterval(this.timer)
+			this.timer = null
+		},
+		/**
+		 * 组件点击交互 - 传参
+		 */
+		handleEchartsClick (chartEvent ) {
+			const { index, paramName } = this.elementInfo.child
+			uni.$emit('handleLinkParams', { index, paramName, value: chartEvent.name })
+		}
   },
   deactivated() {
     this.clearTimer()

pages/index/index.vue

@@ -75,6 +75,7 @@
 		onUnload() {
 			// 移除监听事件
 			uni.$off('handleLinkParams')
+			clearInterval(this.timer)
 		},
 		methods: {
 			//检查是否登录