From 21ddc9ec1b1b76d2ce20e512328e65acaf1af2bf Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期一, 16 一月 2023 10:35:15 +0800 Subject: [PATCH] 廊坊代码更新 --- src/components/echart13.vue | 11 +++++++---- 1 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/components/echart13.vue b/src/components/echart13.vue index 07b7d59..17eebed 100644 --- a/src/components/echart13.vue +++ b/src/components/echart13.vue @@ -10,7 +10,7 @@ components: {}, data() { //杩欓噷瀛樻斁鏁版嵁 - return { myChart }; + return { myChart:null }; }, mounted() { this.lineChart(); @@ -43,6 +43,7 @@ let option = { title: { text: '鍚勭被鏁版嵁瀛樺偍鍒嗗竷', + top:'15', textStyle: { color: '#fff', }, @@ -150,7 +151,7 @@ const zoomSize = 6; this.myChart = this.$echarts.init(document.getElementById('echart2')); this.myChart.on('click', function (params) { - console.log(dataAxis[Math.max(params.dataIndex - zoomSize / 2, 0)]); + this.myChart.dispatchAction({ type: 'dataZoom', startValue: dataAxis[Math.max(params.dataIndex - zoomSize / 2, 0)], @@ -174,9 +175,11 @@ //@import url(); 寮曞叆鍏叡css绫� .echart2_box { padding: 20px; -} -#echart2 { width: 100%; height: 100%; } +#echart2 { + width: calc(100% - 40px); + height: calc(100% - 40px); +} </style> -- Gitblit v1.9.3