@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<style type="text/css">
    .layui-card-header {
        font-size: 18px
    }

    .layui-card {
        border: 1px solid gray
    }
</style>

<div class="layui-row" style="padding: 20px; background-color: #F2F2F2">
    <div class="layui-col-md12">
        <div id="div1" class="layui-card">
            <div class="layui-card-header">温度1</div>
            <div class="layui-card-body" align="center">
                <div id="test1" style="width:100%; height: 330px;"></div>
            </div>
        </div>
    </div>
    <div class="layui-col-md12">
        <div id="div2" class="layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">温度2</div>
                <div class="layui-card-body" align="center">
                    <div id="test2" style="width:100%; height: 330px;"></div>
                </div>
            </div>
        </div>
        <div class="layui-col-md9">
            <canvas id="CarInfo" style="width:100%; height: 400px;background-color:white">小车地图</canvas>
        </div>
    </div>
</div>

<script type="text/javascript" src="~/js/jQuery-2.1.4.min.js"></script>
<script type="text/javascript" src="~/js/jcanvas.js"></script>

<script type="text/javascript" src="/lib/signalr/dist/browser/signalr.js"></script>
<script type="text/javascript" src="/layui/layui.js"></script>
<script type="text/javascript" src="/productjs/base/SysMonitor.js"></script>
<script type="text/javascript" src="/js/echarts/echarts.js"></script>