Line Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="https://apexcharts.com/samples/assets/stock-prices.js"></script>
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
Initjs (Custom js)
<!-- linecharts init -->
<script src="assets/js/pages/apexcharts-line.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-line.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-line.init.js"></script>//html file
<script src="{{ URL::asset('build/js/pages/apexcharts-line.init.js') }}"></script> // laravel file
for various Line chart examples.
|
Area Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
<!-- for basic area chart -->
<script src="https://apexcharts.com/samples/assets/stock-prices.js"></script>
<!-- for github style chart -->
<script src="https://apexcharts.com/samples/assets/github-data.js"></script>
<!-- for irregular timeseries chart -->
<script src="https://apexcharts.com/samples/assets/irregular-data-series.js"></script>
<script src="assets/libs/moment/moment.js"></script> //html file
<script src="{{ URL::asset('build/libs/moment/moment.js') }}"></script> // laravel file
Initjs (Custom js)
<!-- areacharts init -->
<script src="assets/js/pages/apexcharts-area.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-area.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-area.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-area.init.js') }}"></script> // laravel file
for various Line chart examples.
|
Column Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
Initjs (Custom js)
<!-- apexcharts init -->
<script src="assets/js/pages/apexcharts-column.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-column.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-column.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-column.init.js') }}"></script> // laravel file
for various Line chart examples.
|
Bar Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
Initjs (Custom js)
<!-- barcharts init -->
<script src="assets/js/pages/apexcharts-bar.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-bar.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-bar.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-bar.init.js') }}"></script> // laravel file
for various Line chart examples.
|
Mixed Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
Initjs (Custom js)
<!-- mixed charts init -->
<script src="assets/js/pages/apexcharts-mixed.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-bar.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-bar.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-bar.init.js') }}"></script> // laravel file
for various Line chart examples.
|
Timeline Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
<script src="assets/libs/moment/min/moment.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/moment/min/moment.min.js') }}"></script> // laravel file
Initjs (Custom js)
<!-- timeline charts init -->
<script src="assets/js/pages/apexcharts-timeline.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-timeline.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-timeline.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-timeline.init.js') }}"></script> // laravel file
for various Line chart examples.
|
Candlestick Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
<script src="https://apexcharts.com/samples/assets/ohlc.js"></script>
<!-- for Category x-axis chart -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.8.17/dayjs.min.js"></script>
Initjs (Custom js)
<!-- candlestick charts init -->
<script src="assets/js/pages/apexcharts-candlestick.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-candlestick.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-candlestick.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-candlestick.init.js') }}"></script> // laravel file
for various Line chart examples.
|
Boxplot Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
Initjs (Custom js)
<!-- boxplot charts init -->
<script src="assets/js/pages/apexcharts-boxplot.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-boxplot.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-boxplot.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-boxplot.init.js') }}"></script> // laravel file
for various Line chart examples.
|
Bubble Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
Initjs (Custom js)
<!-- bubble charts init -->
<script src="assets/js/pages/apexcharts-bubble.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-bubble.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-bubble.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-bubble.init.js') }}"></script> // laravel file
for various Line chart examples.
|
Scatter Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
Initjs (Custom js)
<!-- scatter charts init -->
<script src="assets/js/pages/apexcharts-scatter.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-scatter.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-scatter.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-scatter.init.js') }}"></script> // laravel file
for various Line chart examples.
|
Heatmap Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
Initjs (Custom js)
<!-- heatmapscharts init -->
<script src="assets/js/pages/apexcharts-heatmap.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-heatmap.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-heatmap.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-heatmap.init.js') }}"></script> // laravel file
for various Line chart examples.
|
Treemap Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
Initjs (Custom js)
<!-- treecharts init -->
<script src="assets/js/pages/apexcharts-treemap.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-treemap.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-treemap.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-treemap.init.js') }}"></script> // laravel file
for various Line chart examples.
|
Pie Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
Initjs (Custom js)
<!-- piecharts init -->
<script src="assets/js/pages/apexcharts-pie.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-pie.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-pie.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-pie.init.js') }}"></script> // laravel file
for various Line chart examples.
|
Radialbar Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
Initjs (Custom js)
<!-- radialbar charts init -->
<script src="assets/js/pages/apexcharts-radialbar.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-radialbar.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-radialbar.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-radialbar.init.js') }}"></script> // laravel file
for various Line chart examples.
|
Radar Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
Initjs (Custom js)
<!-- radarcharts init -->
<script src="assets/js/pages/apexcharts-radar.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-radar.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-radar.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-radar.init.js') }}"></script> // laravel file
for various Line chart examples.
|
Polararea Charts |
Javascript
<!-- apexcharts -->
<script src="assets/libs/apexcharts/apexcharts.min.js"></script> //html file
<script src="{{ URL::asset('build/libs/apexcharts/apexcharts.min.js') }}"></script> // laravel file
Initjs (Custom js)
<!-- polarareacharts init -->
<script src="assets/js/pages/apexcharts-polararea.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-polararea.init.js') }}"></script> // laravel file
Note
You can refer <script src="assets/js/pages/apexcharts-polararea.init.js"></script> //html file
<script src="{{ URL::asset('build/js/pages/apexcharts-polararea.init.js') }}"></script> // laravel file
for various Line chart examples.
|