Charts

Simple yet flexible Javascript charting for designers & developers


Example

<div class="card">
    <div class="card-body">
        <div class="chart">
            <!-- Chart wrapper -->
            <canvas id="chart-orders" class="chart-canvas"></canvas>
        </div>
    </div>
</div>

Dark card with chart

<div class="card bg-default">
    <div class="card-body">
        <div class="chart">
            <!-- Chart wrapper -->
            <canvas id="chart-sales" class="chart-canvas"></canvas>
        </div>
    </div>
</div>

Usage

In order to use this charts on your page you will need to include the following script in the “Optional JS” area from the page’s footer:

<script src="/assets/vendor/chart.js/dist/Chart.min.js"></script>
<script src="/assets/vendor/chart.js/dist/Chart.extension.js"></script>

Markup

Simply copy one of the code examples demonstrated above and include it in your page.