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/echart22.vue | 16 +++++++++-------
1 files changed, 9 insertions(+), 7 deletions(-)
diff --git a/src/components/echart22.vue b/src/components/echart22.vue
index eede3ce..e6446fd 100644
--- a/src/components/echart22.vue
+++ b/src/components/echart22.vue
@@ -10,7 +10,7 @@
components: {},
data() {
//杩欓噷瀛樻斁鏁版嵁
- return { myChart };
+ return { myChart: null };
},
mounted() {
this.lineChart();
@@ -29,7 +29,7 @@
'绠＄悊鏁版嵁',
];
// prettier-ignore
- let data = [1200,500,1000,200,200];
+ let data = [1200, 500, 1000, 200, 200];
let yMax = 500;
let dataShadow = [];
for (let i = 0; i < data.length; i++) {
@@ -38,6 +38,7 @@
let option = {
title: {
text: '鏁版嵁涓嬭浇閲�',
+ top: 15,
textStyle: {
color: '#fff',
},
@@ -142,13 +143,12 @@
const zoomSize = 6;
this.myChart = this.$echarts.init(document.getElementById('echart22'));
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)],
endValue:
dataAxis[
- Math.min(params.dataIndex + zoomSize / 2, data.length - 1)
+ Math.min(params.dataIndex + zoomSize / 2, data.length - 1)
],
});
});
@@ -159,16 +159,18 @@
});
},
},
- created() {},
+ created() { },
};
</script>
<style lang="less" scoped>
//@import url(); 寮曞叆鍏叡css绫�
.echart22_box {
padding: 20px;
-}
-#echart22 {
width: 100%;
height: 100%;
}
+#echart22 {
+ width: calc(100% - 40px);
+ height: calc(100% - 40px);
+}
</style>
--
Gitblit v1.9.3