### Chart Js

Falcon uses chart.js - simple yet flexible JavaScript charting for designers & developers

Chart Js documentations

##### Javascript

    <script src="vendors/chart/chart.umd.js"></script>

##### Bar Chart

    <!-- Find the JS file for the following chart at: src/js/charts/chartjs/chart-bar.js-->

    <!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/theme.js-->
    <canvas class="max-w-100" id="chartjs-bar-chart" width="1618" height="1000"></canvas>

##### Line Chart

    <!-- Find the JS file for the following chart at: src/js/charts/chartjs/chart-line.js-->

    <!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/theme.js-->
    <canvas class="max-w-100" id="chartjs-line-chart" width="1618" height="1000"></canvas>

##### Doughnut Chart

    <!-- Find the JS file for the following chart at: src/js/charts/chartjs/chart-doughnut.js-->

    <!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/theme.js-->
    <canvas class="max-w-100" id="chartjs-doughnut-chart" width="350"></canvas>

##### Pie Chart

    <!-- Find the JS file for the following chart at: src/js/charts/chartjs/chart-pie.js-->

    <!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/theme.js-->
    <canvas class="max-w-100" id="chartjs-pie-chart" width="350"></canvas>

##### Polar Chart

    <!-- Find the JS file for the following chart at: src/js/charts/chartjs/chart-polar.js-->

    <!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/theme.js-->
    <canvas class="max-w-100" id="chartjs-polar-chart" width="350"></canvas>

##### Radar Chart

    <!-- Find the JS file for the following chart at: src/js/charts/chartjs/chart-radar.js-->

    <!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/theme.js-->
    <canvas class="max-w-100" id="chartjs-radar-chart" width="350"></canvas>

##### Bubble Chart

    <!-- Find the JS file for the following chart at: src/js/charts/chartjs/chart-bubble.js-->

    <!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/theme.js-->
    <canvas class="max-w-100" id="chartjs-bubble-chart" height="200"></canvas>

##### Scatter Chart

    <!-- Find the JS file for the following chart at: src/js/charts/chartjs/chart-scatter.js-->

    <!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/theme.js-->
    <canvas class="max-w-100" id="chartjs-scatter-chart" height="200"></canvas>

##### Combo Chart

    <!-- Find the JS file for the following chart at: src/js/charts/chartjs/chart-combo.js-->

    <!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/theme.js-->
    <canvas class="max-w-100" id="chartjs-combo-chart" width="1618" height="500"></canvas>

#### Register

Please create your free Falcon account

Name
Email address
Password
Confirm Password
I accept the terms and privacy policy

or register with
google
facebook

##### Settings

Set your own customized style

##### Color Scheme

Choose the perfect color mode for your app.

##### RTL Mode

Switch your language direction

RTL Documentation

##### Fluid Layout

Toggle container layout system

Fluid Documentation

##### Navigation Position

Select a suitable navigation system for your web application

##### Vertical Navbar Style

Switch between styles for your vertical navbar

See Documentation

##### Like What You See?

Get Falcon now and create beautiful dashboards with hundreds of widgets.

Purchase
customize