<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>条状图表</title> <link rel="stylesheet" href="../../component/pear/css/pear.css" /> <link rel="stylesheet" href="../../admin/css/other/result.css" /> </head> <body class="pear-container"> <div class="layui-row layui-col-space10"> <div class="layui-col-md6"> <div class="layui-card"> <div class="layui-card-body"> <div id="column1" style="min-height:400px;"></div> </div> </div> </div> <div class="layui-col-md6"> <div class="layui-card"> <div class="layui-card-body"> <div id="column2" style="min-height:400px;"></div> </div> </div> </div> <div class="layui-col-md6"> <div class="layui-card"> <div class="layui-card-body"> <div id="column3" style="min-height:400px;"></div> </div> </div> </div> <div class="layui-col-md6"> <div class="layui-card"> <div class="layui-card-body"> <div id="column4" style="min-height:400px;"></div> </div> </div> </div> </div> <script src="../../component/layui/layui.js"></script> <script src="../../component/pear/pear.js"></script> <script src="script/column1.js"></script> <script src="script/column2.js"></script> <script src="script/column3.js"></script> <script src="script/column4.js"></script> </body> </html>