|
|
@@ -10,10 +10,12 @@ |
|
|
|
<div class="cities"> |
|
|
|
<CopilotButtons :options="cities" @update:active="handleCityUpdate" /> |
|
|
|
</div> |
|
|
|
<div class="chart" ref="chart"></div> |
|
|
|
<div style="padding: 0 30px;width: 90%;"> |
|
|
|
<div class="chart" ref="chart"></div> |
|
|
|
</div> |
|
|
|
<div class="legend" v-if="1"> |
|
|
|
<div class="legend-item" v-for="(lgd,index) in legendList" :key="lgd.name"> |
|
|
|
<div > |
|
|
|
<div> |
|
|
|
<span :style="'backgroundColor:' + colors[index%5]" class="legend-item__chart"></span> |
|
|
|
<span :style="'color:' + colors[index%5]" class="legend-item__label">{{ lgd.name }}</span> |
|
|
|
</div> |
|
|
@@ -108,6 +110,8 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
.chart { |
|
|
|
margin-left: 5%; |
|
|
|
width: 290px; |
|
|
|
align-self: stretch; |
|
|
|
height: 280px; |
|
|
|
} |
|
|
|