修改图表-根据数组长度判断图表宽度

This commit is contained in:
老叶
2022-12-23 10:26:01 +08:00
parent b97e317e3d
commit 3fd4172e2a
+4 -4
View File
@@ -63,8 +63,8 @@
<div class="pb20 fn-clear">
<b class="fn-fl font-40 text-italic" v-html="lineChart.title"></b>
</div>
<div style="overflow-x:auto;"><div id="beginChart" class="height-710" style="width:200%;"></div></div>
<div class="mt15 text-center font-22 color-999">向右拖动图表查看更多</div>
<div style="overflow-x:auto;"><div id="beginChart" class="height-710" :style="'width:'+ [lineChart.xAxisData.length>5?lineChart.xAxisData.length*20+'%':'100%']"></div></div>
<div class="mt15 text-center font-22 color-999" v-if="lineChart.xAxisData.length>5">向右拖动图表查看更多</div>
</div>
</div>
@@ -96,8 +96,8 @@
<div class="pb20 fn-clear">
<b class="fn-fl font-40 text-italic" v-html="lineChart.title"></b>
</div>
<div style="overflow-x:auto;"><div id="liveChart" class="height-710" style="width:200%;"></div></div>
<div class="mt15 text-center font-22 color-999">向右拖动图表查看更多</div>
<div style="overflow-x:auto;"><div id="liveChart" class="height-710" :style="'width:'+ [lineChart.xAxisData.length>5?lineChart.xAxisData.length*20+'%':'100%']"></div></div>
<div class="mt15 text-center font-22 color-999" v-if="lineChart.xAxisData.length>5">向右拖动图表查看更多</div>
</div>
</div>