基于Bootstrap构建的仪表盘模板:dashboards
jopen
10年前
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>