## Getting Started

ECharts can uses geoJSON format as map outline. You can use third-party geoJSON data (like maps) and register them into ECharts. You can get the JSON data from this Starbuck's Github repository.

Echart's map documentation

#### World map

    <div class="position-absolute z-2" style="right:16px">
      <button class="btn btn-phoenix-secondary btn-sm session-by-country-map-reset"><span class="fas fa-sync-alt fs-9"></span></button>
    </div>
    <!-- Find the JS file for the following chart at: src/js/charts/echarts/session-by-country-map.js-->
    <!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/theme.js-->
    <div class="echart-session-by-country-map" style="min-height: 400px;"></div>
    <h5 class="mt-3 mb-2">JavaScript </h5>
    <pre><code class="language-html"> &lt;script src=&quot;assets/data/world.js&quot;&gt; &lt;/script&gt;</code></pre>

##### JavaScript

     <script src="assets/data/world.js"> </script>

#### Usa map

    <div class="position-absolute z-2" style="right:16px">
      <button class="btn btn-phoenix-secondary btn-sm usa-map-reset"><span class="fas fa-sync-alt fs-9"></span></button>
    </div>
    <!-- Find the JS file for the following chart at: src/js/charts/echarts/examples/map-usa.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-map-usa-example" style="min-height: 400px;"></div>
    <h5 class="mt-3 mb-2">JavaScript </h5>
    <pre><code class="language-html"> &lt;script src=&quot;assets/data/usa.js&quot;&gt; &lt;/script&gt;</code></pre>

##### JavaScript

     <script src="assets/data/usa.js"> </script>

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