基于Bootstrap構建的儀表盤模板：dashboards

jopen 9年前發布 | 43K 次閱讀 前端技術 dashboards

dashboards 是非常好看，可定制的儀表盤模板。

每個模板都是基于 Bootstrap v3.2 構建的，可自定義樣式，包括常規儀表盤使用示例和配置。

這是折線圖，餅圖和條形圖：

圖表的位置和大小都由模板自動處理，每個儀表盤默認都是響應式的。

當前提供 8 中不同的模板，下面這個稱之為 Hero Thirds：

下面這個是 Quarter Grid：


Each container is ? of the horizontal space available.

代碼示例： 

 <div class="col-sm-6 col-md-3">
    <div class="chart-wrapper">
      <div class="chart-title">
        Cell Title
      </div>
      <div class="chart-stage">
        <div id="grid-1-1">
          <!-- chart goes here! -->
        </div>
      </div>
      <div class="chart-notes">
        Notes about this chart
      </div>
    </div>
  </div>

項目主頁：http://www.baiduhome.net/lib/view/home/1421331430546

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！