From dddcf8840e52a212e7b49ec034aec7763b5917f5 Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期四, 01 四月 2021 10:56:35 +0800 Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop --- src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue | 98 ++++++++++++++++++------------------------------ 1 files changed, 37 insertions(+), 61 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue b/src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue index cd60dbd..c2366b0 100644 --- a/src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue +++ b/src/components/BaseNav/PublicBounced/GasComponents/GasECharts.vue @@ -1,15 +1,5 @@ <template> - <!-- 妗� --> - <div class="win"> - <!-- 鍥涗釜瑙掔殑杈规鏁堟灉 --> - <div class="main"> - <div id="echarts" ref="main"></div> - <div class="border_corner border_corner_left_top"></div> - <div class="border_corner border_corner_right_top"></div> - <div class="border_corner border_corner_left_bottom"></div> - <div class="border_corner border_corner_right_bottom"></div> - </div> - </div> + <div style="width:750px;height:260px;" id="echarts" ref="main"></div> </template> <script> @@ -33,15 +23,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: { @@ -99,6 +115,7 @@ // Y 杞寸殑璁剧疆 yAxis: [{ type: 'value', + // position: 'left', // 澶� Y 杞翠娇鐢� // name: yname, // 鍚庢湡鍥炬爣Y杞存樉绀哄崟浣� name: '娴撳害(mg/m鲁)', axisLabel: { @@ -157,51 +174,10 @@ </script> <style scoped lang="less"> - .win { - /*width: 100%;*/ - /*height: 100%;*/ - position: relative; - //display: inline-block; - background-color: rgba(33, 41, 69,0.9); - } - #echarts{ - width: 600px; - height: 260px; - position: relative; - margin: 0; - padding: 0; - } - .border_corner{ - z-index: 2500; - position: absolute; - width: 14px; - height: 14px; - background: rgba(0,0,0,0); - border: 2px solid #47d5ea; - } - .border_corner_left_top{ - top: 0; - left: 0; - border-right: none; - border-bottom: none; - } - .border_corner_right_top{ - top: 0; - right: 0; - border-left: none; - border-bottom: none; - } - .border_corner_left_bottom{ - bottom: 0; - left: 0; - border-right: none; - border-top: none; - border-bottom-left-radius: 4px; - } - .border_corner_right_bottom{ - bottom: 0; - right: 0; - border-left: none; - border-top: none; - } + #echarts{ + margin: 0; + padding: 0; + border: 1px solid #396d83; + /*margin: 10px 10px 10px 10px;*/ + } </style> -- Gitblit v1.8.0