init

src/views/bigdata/chart-pit.vue

@@ -1,7 +1,7 @@
 <!-- **************************************NO.6 矿坑*************************************** -->
 <template>
 	<div class="chart-container">
-		<div id="pit" style="width: 100%; height:23vh;">
+		<div v-bind:id="chartId" style="width: 100%; height:23vh;">
 		</div>
 	</div>
 </template>
@@ -13,12 +13,14 @@
 		data() {
 			return {
 				count: 0,
-
         title:'',
         visible:false,
-
+        chartId: '',
 			}
 		},
+    props: {
+      chartsId: null,
+    },
 		mounted() {
 			// this.myEcharts()
 		},
@@ -26,7 +28,11 @@
 		methods: {
 			// 出处 http://192.144.199.210:8080/editor/index.html?chart_id=udduEFcFiEYEEj4Q
 			myEcharts(data) {
-				var chartDom = document.getElementById('pit');
+        this.chartId = this.chartsId;
+        console.log(this.chartId)
+        console.log(this.chartsId)
+				var chartDom = document.getElementById(this.chartsId);
+        console.log(chartDom)
 				var myChart = echarts.init(chartDom);
 				var color = ['#02CDFF', '#62FBE7', '#7930FF','#ef5f9d','#ecb935'];
 				var option;