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-index-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--1"></span></button>
</div>
<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/world.js"> </script>
<div class="position-absolute z-index-2" style="right:16px">
  <button class="btn btn-falcon-default btn-sm mb-1 usa-map-reset"><span class="fas fa-sync-alt fs--1"></span></button>
</div>
<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/world.js&quot;&gt; &lt;/script&gt;</code></pre>

Thank you for creating with Falcon |
2021 © Themewagon

v3.2.0

customize