基于Bootstrap构建的仪表盘模板:dashboards

jopen 9年前

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.open-open.com/lib/view/home/1421331430546