Flash地圖控件AnyMap使用教程:Dashboard Drilldown Maps
Flash地圖控件AnyMap是一種強(qiáng)大的工具,可以幫助您創(chuàng)建儀表板鉆取地圖。除了創(chuàng)建自定義的Self Drilldown Maps之外,AnyMap還提供了創(chuàng)建Dashboard Drilldown
Flash地圖控件AnyMap是一種強(qiáng)大的工具,可以幫助您創(chuàng)建儀表板鉆取地圖。除了創(chuàng)建自定義的Self Drilldown Maps之外,AnyMap還提供了創(chuàng)建Dashboard Drilldown Maps的功能。本文將介紹如何使用AnyMap創(chuàng)建Dashboard Drilldown Maps,并給出具體示例。
創(chuàng)建儀表板布局
要創(chuàng)建一個包含Dashboard Drilldown Maps的儀表板,需要使用AnyChart的儀表板功能。以下是創(chuàng)建儀表板布局的代碼:
```html
lt;?xml version"1.0" encoding"UTF-8"?gt;
lt;anychartgt;
lt;dashboardgt;
lt;view type"Dashboard"gt;
lt;titlegt;
lt;textgt;USA Drilldown Maplt;/textgt;
lt;/titlegt;
lt;hbox width"100%" height"100%"gt;
lt;view name"Country" type"Chart" width"50%" height"100%" source"USA"/gt;
lt;view name"State" type"Chart" width"50%" height"100%"/gt;
lt;/hboxgt;
lt;/viewgt;
lt;/dashboardgt;
lt;/anychartgt;
```
以上代碼中,儀表板由兩個部分組成。第一部分是一個名為"Country"的視圖,寬度為50%,該視圖顯示美國的地圖。第二部分是一個名為"State"的視圖,寬度也為50%,該視圖將用于顯示用戶單擊特定州時的地圖。
為地圖創(chuàng)建圖表
要創(chuàng)建地圖圖表,需要使用以下代碼:
```html
lt;chart plot_type"Map" name"USA"gt;
lt;chart_settingsgt;
lt;title enabled"false"/gt;
lt;chart_background enabled"false"/gt;
lt;data_plot_background enabled"false"/gt;
lt;/chart_settingsgt;
lt;data_plot_settingsgt;
lt;map_series source""gt;
lt;projection type"orthographic"/gt;
lt;undefined_map_region palette"Default"gt;
lt;actionsgt;
lt;action type"updateView" view"State" source_mode"internalData" source"State"gt;
lt;replace token"{$region_amap}"gt;{%REGION_ID}lt;/replacegt;
lt;replace token"{$title}"gt;{%REGION_NAME}lt;/replacegt;
lt;/actiongt;
lt;/actionsgt;
lt;/undefined_map_regiongt;
lt;/map_seriesgt;
lt;/data_plot_settingsgt;
lt;/chartgt;
```
以上代碼中,通過設(shè)置plot_type為"Map",我們定義了一個地圖圖表。map_series指定了地圖的數(shù)據(jù)源,此處使用的是美國各州的地圖數(shù)據(jù)。在undefined_map_region中,我們定義了一個操作,即當(dāng)用戶點擊某個州時,更新"State"視圖中的地圖。在操作中,使用{%REGION_ID}和{%REGION_NAME}作為關(guān)鍵字參數(shù),替換掉{$region_amap}和{$title}符號。
創(chuàng)建Drilldown Dashboard
將以上描述的圖表添加到儀表板中,即可得到一個包含Dashboard Drilldown Maps的儀表板。最終的代碼如下所示:
```html
lt;?xml version"1.0" encoding"UTF-8"?gt;
lt;anychartgt;
lt;dashboardgt;
lt;view type"Dashboard"gt;
lt;titlegt;
lt;textgt;USA Drilldown Maplt;/textgt;
lt;/titlegt;
lt;hbox width"100%" height"100%"gt;
lt;view name"Country" type"Chart" width"50%" height"100%" source"USA"/gt;
lt;view name"State" type"Chart" width"50%" height"100%"/gt;
lt;/hboxgt;
lt;/viewgt;
lt;/dashboardgt;
lt;chart plot_type"Map" name"USA"gt;
lt;chart_settingsgt;
lt;title enabled"false"/gt;
lt;chart_background enabled"false"/gt;
lt;data_plot_background enabled"false"/gt;
lt;/chart_settingsgt;
lt;data_plot_settingsgt;
lt;map_series source""gt;
lt;projection type"orthographic"/gt;
lt;undefined_map_region palette"Default"gt;
lt;actionsgt;
lt;action type"updateView" view"State" source_mode"internalData" source"State"gt;
lt;replace token"{$region_amap}"gt;{%REGION_ID}lt;/replacegt;
lt;replace token"{$title}"gt;{%REGION_NAME}lt;/replacegt;
lt;/actiongt;
lt;/actionsgt;
lt;/undefined_map_regiongt;
lt;/map_seriesgt;
lt;/data_plot_settingsgt;
lt;/chartgt;
lt;/anychartgt;
```
通過以上步驟,您可以創(chuàng)建一個功能強(qiáng)大的Dashboard Drilldown Maps。希望本教程對您有所幫助!