效果图
代码
<div class="info_2 fl">
<div class="text_2">
<div class="fl">
<img src="images/info_4.png" alt="">
<div class="fl count">
<p>车辆总数(辆)</p>
<p class="conuts">46625</p>
</div>
</div>
<div class="fl">
<img src="images/info_5.png" alt="">
<div class="fl count">
<p>车辆总数(辆)</p>
<p class="conuts">46625</p>
</div>
</div>
</div>
</div>
<div class="info_3 fr">
<div class="text_2">
<div class="fl">
<img src="images/info_6.png" alt="">
<div class="fl count">
<p>车辆总数(辆)</p>
<p class="conuts">46625</p>
</div>
</div>
<div class="fl">
<img src="images/info_7.png" alt="">
<div class="fl count">
<p>车辆总数(辆)</p>
<p class="conuts">46625</p>
</div>
</div>
</div>
</div>
</div>
<div class="data_content">
<!--左边-->
<div class="data_left fl">
<div class="left_top">
<!--/*左边第一部分*/-->
<div class="info public">
<div class="min-title">
<span>车辆总数</span>
</div>
<div id="char4" style="width:100%;height: 100%;"></div>
<div class="boxfoot"></div>
</div>
<!--左边第二部分-->
<div class="top_bottom public">
<div class="min-title">
<span>车辆类型</span>
</div>
<div id="echarts_1" style="width:100%;height: 100%;"></div>
<div class="boxfoot"></div>
</div>
<!--左边第三部分-->
<div class="left_bottom public">
<div class="min-title">
<span>车辆状态</span>
</div>
<div id="chart_2" style="width:100%;height: 100%;"></div>
<div class="boxfoot"></div>
</div>
</div>
</div>
下载链接
车辆综合管控平台