十个BI数据分析、驾驶舱的页面特效源码下载

本文链接：https://blog.csdn.net/jincheng2008/article/details/109378260

项目需求：

最近因公司需要，引入一个软件公司，大数据分析平台。

最主要的环节是数据仓库建立，四部曲

第一步，连接数据源；
第二步，创建数据集市
第三步，创建图表
第四步，创建看板（各种分析报表）。

思想还是很重要的，但是通过这个平台形成的各种看板无法体现驾驶舱的魅力，没有什么科技感，页面效果非常弱。

资源传送

基于此，考虑后面引入前端开发驾驶舱，刚好搜罗了前端设计特效，觉得很赞，分享下10个设计效果，资源传送前端所有代码（https://n459.com/file/29938189-468479365，需要的同学直接下载吧）

部分源码（全部代码已经完全上传了）

<!doctype html>
<meta charset="utf-8">
<title>警情警力分析</title>
<link href="css/style.css"  rel="stylesheet" type="text/css" media="all" />
<script src="js/echarts.min.js" charset="utf-8"></script>
<script src="js/jquery-3.2.0.min.js" charset="utf-8"></script>
<script src="beijing.js"></script>

<body>
<div class="wpbox">
<div class="bnt">
  <div class="topbnt_left fl">
   <ul><li ><a href="analysis.html">警情警力</a></li>
      <li><a href="people.html">实有人口</a></li>
      <li><a href="activity.html">活动情况</a></li>
 
   </ul>
  </div>
  <h1 class="tith1 fl">舆情分析</h1>
  <div class=" fr topbnt_right">
    <ul>
       <li><a href="#">返回</a></li>
       <li class="active"><a href="traffic.html">交通</a></li>
       <li><a href="public.html">舆情</a></li>
    </ul>
   
  </div>
</div>
<!-- bnt end -->
<div class="left1">
    <div class="aleftboxttop pt1"><h2 class="tith2">进州车辆情况</h2>
    <div class="lefttoday_tit" style=" height:8%"><p class="fl">地区：甘孜</p><p class="fm">周期：每日</p><p class="fr">2018-06-14</p></div>
      <div class="tlbox">
        <ul>
           <li>
             <p class="text"><span class="w12">本地车辆:</span><span><i class="ricon1"></i>昨日:6</span><span><i class="tricon1"></i>今日:5</span><span class="tr"><img src="img/icondown.png" height="16" /> 1</span></p>
             <p class="rwith"><span class="rwith_img" style="width:60%"></span></p>
           </li>
         <li>
           <p class="text"><span class="w12">外地车辆:</span><span><i class="ricon2"></i>昨日:600</span><span><i class="tricon2"></i>今日:500</span><span class="tr"><img src="img/iconup.png" height="16" /> 1</span></p>
           <p class="rwith bgc2"><span class="rwith_img qgc2" style="width:40%"></span></p>
         </li>
       <li>
         <p class="text"><span class="w12">乘客人员数量:</span><span><i class="ricon3"></i>昨日:6</span><span><i class="tricon3"></i>今日:5</span><span class="tr"><img src="img/iconup.png" height="16" /> 1</span></p>
         <p class="rwith bgc3"><span class="rwith_img qgc3" style="width:50%"></span></p>
       </li>
        </ul>
      </div>

    <!-- lefttoday_number end -->
    </div>
    <div class="aleftboxtmidd">
      <h2 class="tith2 pt2">出州车辆情况</h2>
      <div class="lefttoday_tit" style=" height:8%"><p class="fl">地区：甘孜</p><p class="fm">周期：每日</p><p class="fr">2018-06-14</p></div>
        <div class="tlbox">
          <ul>
             <li>
               <p class="text"><span class="w12">本地车辆:</span><span><i class="ricon1"></i>昨日:6</span><span><i class="tricon1"></i>今日:5</span><span class="tr"><img src="img/icondown.png"