From f1d92a66c3d5f2c0b1625dc17f045f5f5a24e247 Mon Sep 17 00:00:00 2001
From: wangqi <magical1908@outlook.com>
Date: 星期三, 31 三月 2021 19:22:48 +0800
Subject: [PATCH] 图表
---
src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue | 60 ++++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 44 insertions(+), 16 deletions(-)
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue b/src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue
index 74f2569..b0fbc35 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue
@@ -1,7 +1,8 @@
<template>
- <div class="main">
- <div id="echarts" ref="main"></div>
- </div>
+ <div class="GasEts">
+ <div id="echarts" ref="main">
+ </div>
+ </div>
</template>
<script>
@@ -25,15 +26,41 @@
}
},
legend: {
- data: ['姘哀鍖栫墿', '浜屾哀鍖栫～', '鐑熷皹', '搴熸皵娴侀噺']
+ x: '200px',
+ y: '30px',
+ data: [{
+ name: '姘哀鍖栫墿',
+ textStyle: {
+ color: '#00d0f9'
+ }
+ },
+ {
+ name: '浜屾哀鍖栫～',
+ textStyle: {
+ color: '#00d0f9'
+ }
+ },
+ {
+ name: '鐑熷皹',
+ textStyle: {
+ color: '#00d0f9'
+ }
+ },
+ {
+ name: '搴熸皵娴侀噺',
+ textStyle: {
+ color: '#00d0f9'
+ }
+ }]
// pageTextStyle: {
// color: '#fff'
// }
},
grid: {
left: '3%',
- // right: '20%',
- // bottom: '3%',
+ right: '1%',
+ bottom: '3%',
+ // top: '1%',
containLabel: true
},
toolbox: {
@@ -91,6 +118,7 @@
// Y 杞寸殑璁剧疆
yAxis: [{
type: 'value',
+ // position: 'left', // 澶� Y 杞翠娇鐢�
// name: yname, // 鍚庢湡鍥炬爣Y杞存樉绀哄崟浣�
name: '娴撳害(mg/m鲁)',
axisLabel: {
@@ -149,14 +177,14 @@
</script>
<style scoped lang="less">
- .main{
- background: rgba(255, 255, 255, 0.1);
- }
- #echarts{
- width: 600px;
- height: 260px;
- position: relative;
- margin: 0;
- padding: 0;
- }
+ #echarts{
+ width: 670px!important;
+ height: 260px!important;
+ position: relative;
+ margin: 0;
+ padding: 0;
+ /*background-color: rgba(0, 0, 0, 0.6);*/
+ border: 1px solid #396d83;
+ margin: 10px 10px 10px 10px;
+ }
</style>
--
Gitblit v1.8.0