Chart Js
Falcon uses chart.js - simple yet flexible JavaScript charting for designers & developers
Chart Js documentationsJavascript
<script src="vendors/chart/chart.min.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>
