feat: echarts 引入方式修改

components/BarMixMap/BarMixMap.vue

@@ -13,8 +13,6 @@
 
 <script>
 	import uniEcCanvas from '@/components/uni-ec-canvas/uni-ec-canvas'
-	import * as echarts from '@/components/uni-ec-canvas/echarts'
-	import * as chinaJson from '@/components/uni-ec-canvas/china.json'
 	import echartElementData from '@/mixins/echartElementData.js'
 	import { geoCoordMapList } from '@/components/uni-ec-canvas/geoCoordMap.js'
 	let chart = null
@@ -37,7 +35,7 @@
 				this.$nextTick(() => {
 					clearInterval(this.changeTimer)
 					this.$refs['barMixMapCanvas'].init((canvas, width, height, canvasDpr) => {
-						chart = echarts.init(canvas, null, {
+						chart = this.$echarts.init(canvas, null, {
 							width: width,
 							height: height,
 							devicePixelRatio: canvasDpr

components/ChinaMap/ChinaMap.vue

@@ -13,8 +13,6 @@
 
 <script>
 	import uniEcCanvas from '@/components/uni-ec-canvas/uni-ec-canvas'
-	import * as echarts from '@/components/uni-ec-canvas/echarts'
-	import * as chinaJson from '@/components/uni-ec-canvas/china.json'
 	import echartElementData from '@/mixins/echartElementData.js'
 	import { geoCoordMapList } from '@/components/uni-ec-canvas/geoCoordMap.js'
 	let chart = null
@@ -35,13 +33,11 @@
 			initChart() {
 				this.$nextTick(() => {
 					this.$refs['chinaMapCanvas'].init((canvas, width, height, canvasDpr) => {
-						chart = echarts.init(canvas, null, {
+						chart = this.$echarts.init(canvas, null, {
 							width: width,
 							height: height,
 							devicePixelRatio: canvasDpr
 						})
-					
-						echarts.registerMap('china', chinaJson)
 						canvas.setChart(chart)
 						const { dataList } = this.elementData
 						const seriesData = dataList.chinaMapAreas || []

components/DashboardProgress/DashboardProgress.vue

@@ -13,7 +13,6 @@
 
 <script>
 	import uniEcCanvas from '@/components/uni-ec-canvas/uni-ec-canvas'
-	import * as echarts from '@/components/uni-ec-canvas/echarts'
 	import echartElementData from '@/mixins/echartElementData.js'
 	let chart = null
 
@@ -41,7 +40,7 @@
 			initChart() {
 				this.$nextTick(() => {
 					this.$refs['dashboardProgressCanvas'].init((canvas, width, height, canvasDpr) => {
-						chart = echarts.init(canvas, null, {
+						chart = this.$echarts.init(canvas, null, {
 							width: width,
 							height: height,
 							devicePixelRatio: canvasDpr

components/HorizontalBar/HorizontalBar.vue

@@ -13,7 +13,6 @@
 
 <script>
 import uniEcCanvas from '@/components/uni-ec-canvas/uni-ec-canvas'
-import * as echarts from '@/components/uni-ec-canvas/echarts'
 import echartElementData from '@/mixins/echartElementData.js'
 let chart = null
 
@@ -37,7 +36,7 @@ export default {
 		initChart() {
 			this.$nextTick(() => {
 				this.$refs['horizontalBarCanvas'].init((canvas, width, height, canvasDpr) => {
-					chart = echarts.init(canvas, null, {
+					chart = this.$echarts.init(canvas, null, {
 						width: width,
 						height: height,
 						devicePixelRatio: canvasDpr

components/LineMixBar/LineMixBar.vue

@@ -13,7 +13,6 @@
 
 <script>
 	import uniEcCanvas from '@/components/uni-ec-canvas/uni-ec-canvas'
-	import * as echarts from '@/components/uni-ec-canvas/echarts'
 	import echartElementData from '@/mixins/echartElementData.js'
 	let chart = null
 
@@ -37,7 +36,7 @@
 			initChart() {
 				this.$nextTick(() => {
 					this.$refs['lineMixBarCanvas'].init((canvas, width, height, canvasDpr) => {
-						chart = echarts.init(canvas, null, {
+						chart = this.$echarts.init(canvas, null, {
 							width: width,
 							height: height,
 							devicePixelRatio: canvasDpr

components/NormalBar/NormalBar.vue

@@ -13,7 +13,6 @@
 
 <script>
 import uniEcCanvas from '@/components/uni-ec-canvas/uni-ec-canvas'
-import * as echarts from '@/components/uni-ec-canvas/echarts'
 import echartElementData from '@/mixins/echartElementData.js'
 let chart = null
 
@@ -37,7 +36,7 @@ export default {
 		initChart() {
 			this.$nextTick(() => {
 				this.$refs['normalbarCanvas'].init((canvas, width, height, canvasDpr) => {
-					chart = echarts.init(canvas, null, {
+					chart = this.$echarts.init(canvas, null, {
 						width: width,
 						height: height,
 						devicePixelRatio: canvasDpr

components/NormalGauge/NormalGauge.vue

@@ -13,7 +13,6 @@
 
 <script>
 import uniEcCanvas from '@/components/uni-ec-canvas/uni-ec-canvas'
-import * as echarts from '@/components/uni-ec-canvas/echarts'
 import echartElementData from '@/mixins/echartElementData.js'
 let chart = null
 	
@@ -41,7 +40,7 @@ export default {
 		initChart() {
 			this.$nextTick(() => {
 				this.$refs['normalGaugeCanvas'].init((canvas, width, height, canvasDpr) => {
-					chart = echarts.init(canvas, null, {
+					chart = this.$echarts.init(canvas, null, {
 						width: width,
 						height: height,
 						devicePixelRatio: canvasDpr

components/NormalLine/NormalLine.vue

@@ -13,7 +13,6 @@
 
 <script>
 import uniEcCanvas from '@/components/uni-ec-canvas/uni-ec-canvas'
-import * as echarts from '@/components/uni-ec-canvas/echarts'
 import echartElementData from '@/mixins/echartElementData.js'
 let chart = null
 
@@ -36,7 +35,7 @@ export default {
 		initChart() {
 			this.$nextTick(() => {
 				this.$refs['normalLineCanvas'].init((canvas, width, height, canvasDpr) => {
-					chart = echarts.init(canvas, null, {
+					chart = this.$echarts.init(canvas, null, {
 						width: width,
 						height: height,
 						devicePixelRatio: canvasDpr

components/NormalPie/NormalPie.vue

@@ -13,7 +13,6 @@
 
 <script>
 import uniEcCanvas from '@/components/uni-ec-canvas/uni-ec-canvas'
-import * as echarts from '@/components/uni-ec-canvas/echarts'
 import echartElementData from '@/mixins/echartElementData.js'
 let chart = null
 
@@ -41,7 +40,7 @@ export default {
 		initChart() {
 			this.$nextTick(() => {
 				this.$refs['normalPieCanvas'].init((canvas, width, height, canvasDpr) => {
-					chart = echarts.init(canvas, null, {
+					chart = this.$echarts.init(canvas, null, {
 						width: width,
 						height: height,
 						devicePixelRatio: canvasDpr

components/NormalRadar/NormalRadar.vue

@@ -13,7 +13,6 @@
 
 <script>
 	import uniEcCanvas from '@/components/uni-ec-canvas/uni-ec-canvas'
-	import * as echarts from '@/components/uni-ec-canvas/echarts'
 	import echartElementData from '@/mixins/echartElementData.js'
 	let chart = null
 
@@ -37,7 +36,7 @@
 			initChart() {
 				this.$nextTick(() => {
 					this.$refs['normalRadarCanvas'].init((canvas, width, height, canvasDpr) => {
-						chart = echarts.init(canvas, null, {
+						chart = this.$echarts.init(canvas, null, {
 							width: width,
 							height: height,
 							devicePixelRatio: canvasDpr

main.js

@@ -14,6 +14,11 @@ Vue.mixin(vuexStore)
 
 import store from '@/store/index.js'
 
+import * as echarts from '@/components/uni-ec-canvas/echarts'
+import * as chinaJson from '@/components/uni-ec-canvas/china.json'
+echarts.registerMap('china', chinaJson)
+Vue.prototype.$echarts = echarts
+
 const app = new Vue({
 	store,
   ...App