|
@@ -3,9 +3,6 @@
|
|
<div class="chart-item" v-for="(val, i) in list" :key="i">
|
|
<div class="chart-item" v-for="(val, i) in list" :key="i">
|
|
<Echarts :height="400" :option="val.option"></Echarts>
|
|
<Echarts :height="400" :option="val.option"></Echarts>
|
|
</div>
|
|
</div>
|
|
- <!-- <div class="fullChart">
|
|
|
|
- <Echarts :height="400" :option="option"></Echarts>
|
|
|
|
- </div> -->
|
|
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -146,9 +143,9 @@ watch(
|
|
display: flex;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
.chart-item {
|
|
.chart-item {
|
|
- width: calc((100% - 24px) / 2);
|
|
|
|
- min-width: calc((100% - 24px) / 2);
|
|
|
|
- max-width: calc((100% - 24px) / 2);
|
|
|
|
|
|
+ width: calc((100% - 12px) / 2);
|
|
|
|
+ min-width: calc((100% - 12px) / 2);
|
|
|
|
+ max-width: calc((100% - 12px) / 2);
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
transition: all .2s linear;
|
|
transition: all .2s linear;
|
|
background-color: #f7f8fa;
|
|
background-color: #f7f8fa;
|