

Bootstrap Charts Section - Adminkit
Discover 1 Bootstrap Charts Section available in Adminkit
Section Charts

<div class="row removable">
<div class="col-12 col-lg-6 drop-zone">
<div class="card flex-fill w-100 draggable">
<div class="card-header">
<h5 class="card-title">Line Chart</h5>
<h6 class="card-subtitle text-muted">A line chart is a way of plotting data points on a line.</h6>
</div>
<div class="card-body">
<div class="chart">
<div class="chartjs-size-monitor">
<div class="chartjs-size-monitor-expand">
<div class=""></div>
</div>
<div class="chartjs-size-monitor-shrink">
<div class=""></div>
</div>
</div>
<canvas id="chartjs-line" style="display: block; height: 300px; width: 428px;" width="856" height="600" class="chart-line-double chartjs-render-monitor"></canvas>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 drop-zone">
<div class="card draggable">
<div class="card-header">
<h5 class="card-title">Bar Chart</h5>
<h6 class="card-subtitle text-muted">A bar chart provides a way of showing data values represented as vertical bars.</h6>
</div>
<div class="card-body">
<div class="chart">
<div class="chartjs-size-monitor">
<div class="chartjs-size-monitor-expand">
<div class=""></div>
</div>
<div class="chartjs-size-monitor-shrink">
<div class=""></div>
</div>
</div>
<canvas id="chartjs-bar" width="856" height="600" style="display: block; height: 300px; width: 428px;" class="chart-bar chartjs-render-monitor"></canvas>
</div>
</div>
</div>
</div>
</div>
<div class="row removable">
<div class="col-12 col-lg-6 drop-zone">
<div class="card flex-fill w-100 draggable">
<div class="card-header">
<h5 class="card-title">Line Chart</h5>
<h6 class="card-subtitle text-muted">A line chart is a way of plotting data points on a line.</h6>
</div>
<div class="card-body">
<div class="chart">
<div class="chartjs-size-monitor">
<div class="chartjs-size-monitor-expand">
<div class=""></div>
</div>
<div class="chartjs-size-monitor-shrink">
<div class=""></div>
</div>
</div>
<canvas id="chartjs-line" style="display: block; height: 300px; width: 428px;" width="856" height="600" class="chart-line-double chartjs-render-monitor"></canvas>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 drop-zone">
<div class="card draggable">
<div class="card-header">
<h5 class="card-title">Bar Chart</h5>
<h6 class="card-subtitle text-muted">A bar chart provides a way of showing data values represented as vertical bars.</h6>
</div>
<div class="card-body">
<div class="chart">
<div class="chartjs-size-monitor">
<div class="chartjs-size-monitor-expand">
<div class=""></div>
</div>
<div class="chartjs-size-monitor-shrink">
<div class=""></div>
</div>
</div>
<canvas id="chartjs-bar" width="856" height="600" style="display: block; height: 300px; width: 428px;" class="chart-bar chartjs-render-monitor"></canvas>
</div>
</div>
</div>
</div>
</div>