|
|
@ -213,14 +213,14 @@ const formatSeconds = (seconds: number) => { |
|
|
|
v-loading="chartLoading" |
|
|
|
element-loading-background="rgba(255, 255, 255, 0.1)" |
|
|
|
class="line-chart-content" |
|
|
|
:style="{ 'grid-template-columns': `repeat(${Math.max(chartList.length, 2)},1fr)` }" |
|
|
|
:style="{ 'grid-template-columns': `repeat(${Math.min(chartList.length, 2)},1fr)` }" |
|
|
|
> |
|
|
|
<LineChart |
|
|
|
v-for="(item, index) in chartList" |
|
|
|
ref="chartRefs" |
|
|
|
:key="index" |
|
|
|
class="chart-box" |
|
|
|
:style="{ width: `calc(100% / ${Math.max(chartList.length, 2)} - 10px)` }" |
|
|
|
:style="{ width: `calc(100% / ${Math.min(chartList.length, 2)} - 10px)` }" |
|
|
|
:env-data="item" |
|
|
|
/> |
|
|
|
</div> |
|
|
|