您好,登錄后才能下訂單哦!
這篇文章主要介紹了如何使用DataGear輕松制作支持圖表聯(lián)動的全國地圖、省級地圖數(shù)據(jù)可視化看板,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
DataGear看板的圖表聯(lián)動功能,使您可以輕松制作支持圖表聯(lián)動的全國地圖、省級地圖數(shù)據(jù)可視化看板。
首先,新建兩個數(shù)據(jù)集。
第一個是各省指標(biāo)數(shù)據(jù)集,將用于繪制全國指標(biāo)圖表,它的SQL語句如下所示:
SELECT COL_NAME, COL_VALUE FROM T_ANALYSIS_PROVINCE
第二個是指定省的各市指標(biāo)數(shù)據(jù)集,將用于繪制省級指標(biāo)圖表,它是一個參數(shù)化數(shù)據(jù)集,其中,參數(shù)化SQL語句為:
SELECT '${省份}' AS COL_MAP, COL_NAME, COL_VALUE FROM T_ANALYSIS_CITY WHERE COL_PROVINCE = '${省份}'
參數(shù)定義為:
參數(shù)名 類型 必填 省份 字符串 是
然后,使用上述兩個數(shù)據(jù)集分別建立全國指標(biāo)圖表、省級指標(biāo)圖表。
全國指標(biāo)圖表:
圖表類型 : 基本地圖 數(shù)據(jù)集 : 各省指標(biāo)數(shù)據(jù)集 數(shù)據(jù)集列標(biāo)記 : COL_NAME 地區(qū)名稱;COL_VALUE 指標(biāo)數(shù)值
省級指標(biāo)圖表:
圖表類型 : 基本地圖 數(shù)據(jù)集 : 各市指標(biāo)數(shù)據(jù)集 數(shù)據(jù)集列標(biāo)記 : COL_NAME 地區(qū)名稱;COL_VALUE 指標(biāo)數(shù)值;COL_MAP 地圖名
然后,新建可視化看板,填寫如下看板模板內(nèi)容:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .dg-chart{ display: inline-block; } </style> </head> <body class="dg-dashboard"> <div class="dg-chart" dg-chart-link="{target:'chart0',data:{name:0}}" dg-chart-widget="全國指標(biāo)圖表ID" ></div> <div id="chart0" class="dg-chart" dg-chart-widget="省級指標(biāo)圖表ID" ></div> </body> </html>
點擊[保存并展示]按鈕,打開看板展示頁面,完成?。?!
效果圖如下所示:
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“如何使用DataGear輕松制作支持圖表聯(lián)動的全國地圖、省級地圖數(shù)據(jù)可視化看板”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。