Bootstrap Components - Soft UI Dashboard

Discover 61 Bootstrap components available in Soft UI Dashboard

Chart Line

Preview
Code

Soft UI Dashboard View Theme

<div class="card draggable">
    <div class="card-header pb-0">
        <h6>Sales overview</h6>
        <p class="text-sm">
        <i class="fa fa-arrow-up text-success" aria-hidden="true"></i>
        <span class="font-weight-bold">4% more</span> in 2021
        </p>
    </div>
    <div class="card-body p-3">
        <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="chart-line" class="chart-canvas chartjs-render-monitor chart-line" height="600" width="1088" style="display: block; height: 300px; width: 544px;"></canvas>
        </div>
    </div>
</div>

<div class="card draggable">
    <div class="card-header pb-0">
        <h6>Sales overview</h6>
        <p class="text-sm">
        <i class="fa fa-arrow-up text-success" aria-hidden="true"></i>
        <span class="font-weight-bold">4% more</span> in 2021
        </p>
    </div>
    <div class="card-body p-3">
        <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="chart-line" class="chart-canvas chartjs-render-monitor chart-line" height="600" width="1088" style="display: block; height: 300px; width: 544px;"></canvas>
        </div>
    </div>
</div>