Basic line chart

<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/basic-line-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-line-chart-example" style="min-height:300px"></div>

Basic area line chart

<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/area-line-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-area-line-chart-example" style="min-height:300px"></div>

Stacked line chart

<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/stacked-line-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-stacked-line-chart-example" style="min-height:300px"></div>

Stacked area chart

<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/stacked-area-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-stacked-area-chart-example" style="min-height:300px"></div>

Line marker chart

<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/line-marker-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-line-marker-chart-example" style="min-height:350px"></div>

Area pieces chart

<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/area-pieces-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-area-pieces-chart-example" style="min-height:350px"></div>

Step line chart

<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/step-line-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-step-line-chart-example" style="min-height:300px"></div>

Line gradient chart

<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/line-gradient-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-line-gradient-chart-example" style="min-height:300px"></div>

Dynamic line chart

<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/dynamic-line-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-dynamic-line-chart-example" style="min-height:300px"></div>

Line log chart

<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/line-log-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-line-log-chart-example" style="min-height:300px"></div>

Share dataset

<!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/share-dataset-chart.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/echarts-example.js-->
<div class="echart-share-dataset-chart-example" style="min-height:500px"></div>

Thank you for creating with Phoenix|
2024 ©Themewagon

v1.20.1

Theme Customizer

Explore different styles according to your preferences

Color Scheme
RTL

Change text direction

Support Chat

Toggle support chat

Navigation Type
Vertical Navbar Appearance
Horizontal Navbar Shape
Horizontal Navbar Appearance
Purchase template
customize