##### 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;" data-echart-responsive="true"></div>

##### Basic area line chart

    <!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/line-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-line-area-chart-example" style="min-height: 300px;" data-echart-responsive="true"></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;" data-echart-responsive="true"></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;" data-echart-responsive="true"></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: 300px;" data-echart-responsive="true"></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: 300px;" data-echart-responsive="true"></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;" data-echart-responsive="true"></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;" data-echart-responsive="true"></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;" data-echart-responsive="true"></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;" data-echart-responsive="true"></div>

##### Share dataset

    <!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/line-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-line-share-dataset-chart-example" style="min-height: 500px;" data-echart-responsive="true"></div>

#### Register

Please create your free Falcon account

Name
Email address
Password
Confirm Password
I accept the terms and privacy policy

or register with
google
facebook

##### Settings

Set your own customized style

##### Color Scheme

Choose the perfect color mode for your app.

##### RTL Mode

Switch your language direction

RTL Documentation

##### Fluid Layout

Toggle container layout system

Fluid Documentation

##### Navigation Position

Select a suitable navigation system for your web application

##### Vertical Navbar Style

Switch between styles for your vertical navbar

See Documentation

##### Like What You See?

Get Falcon now and create beautiful dashboards with hundreds of widgets.

Purchase
customize