#### 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>

##### Demo widget

I need help with something

I can’t reorder a product I previously ordered

How do I place an order?

My payment method not working

##### Eric

Ask us anything – we’ll get back to you here or by email within 24 hours.

##### Theme Customizer

Explore different styles according to your preferences

##### Color Scheme

Light
Dark
Auto

##### RTL

Change text direction

##### Support Chat

Toggle support chat

##### Navigation Type

Vertical
Horizontal
Combo
Dual nav

##### Vertical Navbar Appearance

Default Default
Darker Lighter

##### Horizontal Navbar Shape

Default
Slim

##### Horizontal Navbar Appearance

Default
Darker Lighter
Purchase template
customize