شروع شدن
ECharts می تواند از فرمت geoJSON به عنوان طرح کلی نقشه استفاده کند. میتوانید از دادههای geoJSON شخص ثالث (مانند نقشهها) استفاده کنید و آنها را در ECcharts ثبت کنید. می توانید داده های JSON را از مخزن Github این استارباک دریافت کنید .
اسناد نقشه Echartنقشه جهان
جاوا اسکریپت
<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>
<!-- 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"><script src="assets/data/world.js"> </script></code></pre>
نقشه ایالات متحده آمریکا
جاوا اسکریپت
<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>
<!-- 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"><script src="assets/data/world.js"> </script></code></pre>