#### Basic gauge chart

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

#### Gauge progress chart

    <!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/gauge-progress-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-gauge-progress-chart-example" style="min-height:300px"></div>

#### Gauge ring chart

    <!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/gauge-ring-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-gauge-ring-chart-example" style="min-height:300px"></div>

#### Gauge multi ring chart

    <!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/gauge-multi-ring-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-gauge-multiring-chart-example" style="min-height:300px"></div>

#### Gauge multi title chart

    <!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/gauge-multi-title-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-gauge-multi-title-chart-example" style="min-height:300px"></div>

#### Gauge grade chart

    <!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/gauge-grade-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-gauge-grade-chart-example" style="min-height:300px"></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