奇奇網站（使用百度Echart實現電視電腦和手機上的圖形數據展示）

一、展示效果最近公司需要做一個能在大屏電視、電腦端和手機移動端實時顯示數據的展示功能，實現地圖、柱狀圖、滾動效果等，先上最終效果圖：電腦和電視數據實時顯示最終效果圖二、技術實現詳解數據展示功能是使用B/S結構，牽涉到的技術和框架主要有JQuery、BootStrap、百度Echart、PHP、Android、JSON、數據庫等，開發工具主要是PHPStorm。1、Jquery負責異步獲取圖形數據、定時刷新、滾動效果、json解析等； 2、Bootstrap負責界面展示，適配電腦端、移動端和大屏電視屏幕（在小米4A49寸電視適配通過，下面有電視實現方案的詳解）； 3、PHP和數據庫負責服務器端的數據生成，與業務系統對接； 4、Andriod主要是配合電視適配。電視適配比較特殊，很多人接觸的不多，這裡詳細說明一下，電視的適配方案是使用Android Studio開發Android安卓客戶端的方式實現電視顯示全屏，主要是使用Andriod Webview組件完成web顯示頁面調用顯示，電視的版本是針對的Android6.0開發設計，在WEB服務器端頁面需要單獨處理電視顯示的分辨率和字體等，小米4A49寸的分辨率是960X540，電視屏幕展示的時候不能有滾動，需要一屏顯示完全，每個人需要根據自己電視型號在真機上進行調試完成，電視的最終顯示效果與上圖一致。三、部分主要代碼截圖和說明主頁面整體代碼結構及說明顯示主結構DIVjs代碼部分截圖及說明百度Echart部分代碼截圖及說明四、代碼下載及參考地址展示項目的代碼查看和下載可以去github上https://github.com/ivivian/EchartSample，百度Echart的詳細設置參考可以訪問百度Echart網站http://echarts.baidu.com/