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 documentationWorld map
<div class="absolute z-2 end-4"><button class="btn btn-phoenix-secondary btn-sm session-by-country-map-reset"><span class="fas fa-sync-alt text-md"></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 min-h-100"></div>
<h5 class="mt-4 mb-2">JavaScript </h5><pre><code class="language-html"> <script src="assets/data/world.js"> </script></code></pre>JavaScript
<script src="assets/data/world.js"> </script>Usa map
<div class="absolute z-2 end-4"><button class="btn btn-phoenix-secondary btn-sm usa-map-reset"><span class="fas fa-sync-alt text-md"></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 min-h-100"></div>
<h5 class="mt-4 mb-2">JavaScript </h5><pre><code class="language-html"> <script src="assets/data/usa.js"> </script></code></pre>JavaScript
<script src="assets/data/usa.js"> </script>
