|
@@ -14,9 +14,11 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="chart-box">
|
|
<div class="chart-box">
|
|
|
|
+ <div class="head-title">监测趋势图</div>
|
|
<div class="chart-item" ref="chart1">
|
|
<div class="chart-item" ref="chart1">
|
|
<div class="empty"></div>
|
|
<div class="empty"></div>
|
|
</div>
|
|
</div>
|
|
|
|
+ <div class="head-title">上下游站点监测对比图</div>
|
|
<div class="chart-item" ref="chart2">
|
|
<div class="chart-item" ref="chart2">
|
|
<div class="empty"></div>
|
|
<div class="empty"></div>
|
|
</div>
|
|
</div>
|
|
@@ -155,6 +157,7 @@ export default {
|
|
* 加载图表
|
|
* 加载图表
|
|
*/
|
|
*/
|
|
loadChart(chartData, domId) {
|
|
loadChart(chartData, domId) {
|
|
|
|
+ console.log('69--->>',chartData);
|
|
let chartDom = this.$refs[domId]
|
|
let chartDom = this.$refs[domId]
|
|
let myChart = echarts.init(chartDom)
|
|
let myChart = echarts.init(chartDom)
|
|
let colorAry = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
|
|
let colorAry = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
|
|
@@ -163,6 +166,9 @@ export default {
|
|
trigger: 'axis'
|
|
trigger: 'axis'
|
|
},
|
|
},
|
|
color: colorAry,
|
|
color: colorAry,
|
|
|
|
+ legend:{
|
|
|
|
+
|
|
|
|
+ },
|
|
grid: {
|
|
grid: {
|
|
top: 30,
|
|
top: 30,
|
|
bottom: 30,
|
|
bottom: 30,
|
|
@@ -321,7 +327,7 @@ export default {
|
|
.chart-box {
|
|
.chart-box {
|
|
height: 260px;
|
|
height: 260px;
|
|
.chart-item {
|
|
.chart-item {
|
|
- width: 50%;
|
|
|
|
|
|
+ width: 100%;
|
|
height: 100%;
|
|
height: 100%;
|
|
float: left;
|
|
float: left;
|
|
> div.empty {
|
|
> div.empty {
|