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

##### JavaScript

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

    <div class="position-absolute z-2" style="right:16px">
      <button class="btn btn-falcon-default btn-sm mb-1 session-by-country-map-reset"><span class="fas fa-sync-alt fs-10"></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;" data-echart-responsive="true"></div>
    <h5 class="mt-3">JavaScript </h5>
    <pre class="scrollbar mt-2"><code class="language-html">&lt;script src=&quot;assets/data/world.js&quot;&gt; &lt;/script&gt;</code></pre>

##### Usa map

##### JavaScript

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

    <div class="position-absolute z-2" style="right:16px">
      <button class="btn btn-falcon-default btn-sm mb-1 usa-map-reset"><span class="fas fa-sync-alt fs-10"></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;" data-echart-responsive="true"></div>
    <h5 class="mt-3">JavaScript </h5>
    <pre class="scrollbar mt-2"><code class="language-html">&lt;script src=&quot;assets/data/usa.js&quot;&gt; &lt;/script&gt;</code></pre>

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