echars是一個開源的基于JavaScript的可視化庫,能夠方便快捷地呈現數據。其中地圖是echars中非常重要的一部分。使用echars制作地圖時,需要按照一定的格式來寫地圖的json文件,這個文件就是echars地圖json。
{ "version": "1.0.0", "type": "FeatureCollection", "features": [ { "type": "Feature", "properties": { "name": "北京市" }, "geometry": { "type": "Polygon", "coordinates": [ [ [116.258446, 40.103796], [116.35432, 39.940429], [116.683752, 39.932547], [116.719791, 39.872008], [116.671491, 39.894303], [116.650797, 39.8728], [116.672048, 39.831553], ... ] ] } }, { "type": "Feature", "properties": { "name": "上海市" }, "geometry": { "type": "Polygon", "coordinates": [ [ [121.4511, 30.9191], [121.4397, 30.9204], [121.3644, 30.9285], [121.3316, 30.941], [121.3244, 30.9497], [121.3321, 31.0143], [121.335, 31.0403], [121.3526, 31.0585], [121.4067, 31.0705], [121.4715, 31.0686], [121.531, 31.0563], ... ] ] } }, ... ] }
在echars地圖json中,我們可以定義多個Feature,每個Feature代表一個區域,例如上面代碼片段中的北京市和上海市。Feature中的properties定義了這個區域的屬性,例如這個區域的名稱。而geometry定義了這個區域的形狀,常用的包括Polygon和MultiPolygon。
除了地圖json之外,我們還需要使用echars提供的API將地圖渲染到頁面上,然后就可以對地圖進行各種交互和樣式的調整了。
上一篇vue esop
下一篇python 算逆矩陣