From 22e5d744b28c0df0f115476b44a75d1d46cac228 Mon Sep 17 00:00:00 2001 From: zhangshuaibao <15731629597@163.com> Date: 星期二, 13 四月 2021 17:36:12 +0800 Subject: [PATCH] echarts数据显示功能完善 --- src/components/BaseNav/PublicBounced/GasComponents/EChartsHourWasteWater.vue | 28 +++++++++++++++------------- 1 files changed, 15 insertions(+), 13 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/GasComponents/EChartsHourWasteWater.vue b/src/components/BaseNav/PublicBounced/GasComponents/EChartsHourWasteWater.vue index a3caf82..a64d39c 100644 --- a/src/components/BaseNav/PublicBounced/GasComponents/EChartsHourWasteWater.vue +++ b/src/components/BaseNav/PublicBounced/GasComponents/EChartsHourWasteWater.vue @@ -14,17 +14,14 @@ <div class="pickerData"> <span> 寮�濮嬫椂闂�:</span> <span class="pickerTable"> - <el-date-picker type="datetime" v-model="formInline.timeStart"> + <el-date-picker type="datetime" v-model="formInline.timeStart"> </el-date-picker> </span> </div> <div class="pickerData"> <span >缁撴潫鏃堕棿:</span> <span class="pickerTable"> - <el-date-picker - type="datetime" - v-model="formInline.timeEnd" - > + <el-date-picker type="datetime" v-model="formInline.timeEnd"> </el-date-picker> </span> </div> @@ -53,7 +50,7 @@ center v-dialogDrag > - <div class="el-dialog-div" style="height: 500px"> + <div class="el-dialog-div" style="height: 260px"> <public-detailed-list v-bind="$attrs"></public-detailed-list> </div> </el-dialog> @@ -78,8 +75,8 @@ value: '', formInline: { region: '', - timeStart: '', - timeEnd: '' + timeStart: '2021-04-12 17:00:00', + timeEnd: '2021-04-13 16:00:00' }, myChart: null, JsonHourWater: { @@ -178,7 +175,7 @@ }, lineStyle: { // 鎶樼嚎鐨勯鑹� color: ydatas[i].zxcolor, - width: 5 + width: 4 }, borderColor: 'black', // 鎶樼偣杈规鐨勯鑹� label: { // 鏄剧ず鍊� @@ -233,7 +230,7 @@ }, lineStyle: { // 鎶樼嚎鐨勯鑹� color: ydatas[i].zxcolor, - width: 5 + width: 4 }, borderColor: 'black', // 鎶樼偣杈规鐨勯鑹� label: { // 鏄剧ず鍊� @@ -299,10 +296,14 @@ }, grid: { // 缃戞牸 top: '20%', - left: '5%' + left: '7%', + bottom: '10%' }, legend: { - data: legend + data: legend, + textStyle: { + color: '#fff' + } }, dataZoom: [{ type: 'inside', @@ -329,7 +330,8 @@ rotate: 20, interval: 0, textStyle: { - color: '#fff' + color: '#fff', + fontSize: 10 } }, splitLine: { // 缃戞牸鍨傜洿绾夸负 铏氱嚎 -- Gitblit v1.8.0