dashboards是非常好看,可定制的仪表盘模板。
每个模板都是基于Bootstrapv3.2构建的,可自定义样式,包括常规仪表盘使用示例和配置。
这是折线图,饼图和条形图:
图表的位置和大小都由模板自动处理,每个仪表盘默认都是响应式的。
当前提供8中不同的模板,下面这个称之为HeroThirds:
下面这个是QuarterGrid:
Eachcontaineris¼ofthehorizontalspaceavailable.
代码示例:
<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>
评论