# Supported libraries
Laravel Charts provides diferent front-end libraries to create the chart with.
You'll need to import the one you want to make use of.
WARNING
Only the basic charts where tested during the development of the library. Meaning that line, area, bar, pie will probably work fine on all of them.
90% of the time is what you'll need 😄
# Chartjs (> 2.7.1)
Chartjs is often one of the most chosen JS library. It's good but it lacks on a lot of places in my opinion.
# Library name
The library name is used as a reference to create charts.
Chartjs
# CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js" charset="utf-8"></script>
# Supported chart types
To see a list of what Chartjs supports, check out https://www.chartjs.org/docs/latest/charts/
# Highcharts (> 6.0.6)
Highcharts is among the other popupar libraries. It have great support for large datasets. You'll need a license depending on the usage you'll make of it.
# Library name
The library name is used as a reference to create charts.
Highcharts
# CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/6.0.6/highcharts.js" charset="utf-8"></script>
# Supported chart types
To see a list of what Highcharts supports, check out https://www.highcharts.com/docs/chart-and-series-types/chart-types/
# Fusioncharts (> 3.12.2)
Fusioncharts is also like highcharts, just a different flavour. You'll need a license depending on the usage you'll make of it.
# Library name
The library name is used as a reference to create charts.
Fusioncharts
# CDN
<script src="https://cdn.jsdelivr.net/npm/[email protected]/[email protected]/fusioncharts.js" charset="utf-8"></script>
# Supported chart types
To see a list of what Fusioncharts supports, check out https://www.fusioncharts.com/dev/chart-guide/standard-charts/line-area-and-column-charts
# Echarts (> 4.0.2)
Echarts in the other hand is a great library. It have a lot of customization and support for long datasets. It also have an easy API.
# Library name
The library name is used as a reference to create charts.
Echarts
# CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.0.2/echarts-en.min.js" charset="utf-8"></script>
# Supported chart types
To see a list of what Echarts supports, check out https://ecomfe.github.io/echarts-doc/public/en/option.html
# Frappe (> 1.1.0)
Frappe is a great library to show some cool charts!
# Library name
The library name is used as a reference to create charts.
Frappe
# CDN
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/frappe-charts.min.iife.js"></script>
# Supported chart types
linebarpieprogress
More info here: https://frappe.io/charts/
# C3 (> 0.6.7)
Although C3 is still in development, charts supports it. Few dataset options are provided since all customization is mainly done in pure CSS.
# Library name
The library name is used as a reference to create charts.
C3
# CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.6.7/c3.min.js"></script>
# Supported chart types
More info here: https://c3js.org/examples.html