多企業在進行數據分析設計的時候，都特別青睞于用地圖來反映企業的營業收入情況，不僅有利于對于各個城市的營收情況，也能對地圖進行不同顏色的渲染，以此達到預警的效果。

今天小編用億信ABI給大家演示一遍如何設置html5地圖來展示企業的營業收入情況。億信ABI是億信華辰自主研發的一款從數據源接入，到數據采集、數據處理，再到數據分析和挖掘，打通數據生命周期的各個環節，實現數據填報、處理、分析一體化的一站式數據分析工具。

1、在億信華辰官網打開億信ABI的試用版本，點擊“數據分析”中的“圖表分析”，在左側的工具欄中添加統計圖組件，選擇html5地圖類型，將柱狀圖組件以拖拽到方式添加到報表模板中：

雙擊組件出現統計圖設置窗口，選擇“統計圖類型”后在左側欄中找到“地圖”這一項。選擇你需要的地圖類型，點擊確定。

目前有5種類型的html5地圖：流向圖，主干線圖，雙線圖，渲染圖，標點圖，3D地球。

2、html5地圖類型介紹

（1）流向圖：常用來可視化源匯流數據。源地和匯地可以是點，也可以是面。源地和匯地之間的互動數據，常用線段來表達，線的寬度或顏色來表示源地和匯地之間的流向數值，線段上可以使用自定義圖片如箭頭來表示流向方向。流向地圖多應用于區際貿易、交通流向、人口遷移、購物消費行為、通訊信息流動、航空線路等場景。

（2）主干線圖：帶主干線的地圖，用于查看地理位置信息之上定義的關系圖。

（3）渲染圖：地圖按區域指標數值大小以不同的顏色渲染來展示和區分，以起到預警的作用。

（4）標點圖：標點和地圖的結合，我們以地圖為背景，在上面標點。我們將標點展示在一個指定的地理區域內，標點里可以展示數值。

（5）3D地球：具3D效果的地球統計圖，外形如地球儀，會自動緩慢旋轉以展現世界地圖的全貌。

此處以渲染圖為例講解制作過程，其他類型的制作流程都大同小異。

3、html5地圖取數設置

重新回到工作區域，從右側的“基礎組件”中拖入一個分析區表格，在分析表拾取相應的主題表數據，根據地區維度浮動出指標值（設置“浮動維單元格”）。

雙擊“統計圖”，在統計圖設置中設置數據源，關聯做好的分析表格，如圖。

4、調整地圖配色

為了讓地圖的效果更好，通常會先選擇系統中提供的配色方案，然后再設置標題、微調背景墻壁、邊框和填充等的顏色樣式。如下圖所示，選擇需要的配色方案之后，在預覽中就能看到地圖的配色效果。

接著，可以在高級選項中，設置邊框和填充色，其他微調設置就不一一介紹。

5、其他設置

可以同時使用標點圖和渲染圖：添加兩個系列，分別選擇不同的系列類型。

還可以選擇地圖類型：

最后保存，計算。

顏色偏藍說明收入良好，偏黃說明狀況不佳。

如果你對億信華辰DEMO的效果感興趣，可以去官網詳細查看全新demo的技術解析，包括從導航頁到數據等的深度呈現如何實現等技巧。

今天的教程就到這里吧！希望對你有幫助哦~勤加練習，探索更多的解決辦法，彰顯你的數據天賦！小伙伴們，加油吧！