##### Basic bar chart

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

##### Horizontal bar chart

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

##### Bar chart with negative value

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

##### Series bar chart

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

##### Stacked chart

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

##### Stacked horizontal bar chart

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

##### Bar race chart

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

##### Gradient bar chart

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

##### Mixed chart

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

##### Water fall chart

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

##### Bar timeline Chart

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

##### Stacked vertical chart

    <!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/stacked-vertical-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-vertival-chart-example" style="min-height: 450px;" 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