Flash地图控件AnyMap使用教程:Dashboard Drilldown Maps
Flash地图控件AnyMap是一种强大的工具,可以帮助您创建仪表板钻取地图。除了创建自定义的Self Drilldown Maps之外,AnyMap还提供了创建Dashboard Drilldown Maps的功能。本文将介绍如何使用AnyMap创建Dashboard Drilldown Maps,并给出具体示例。
创建仪表板布局
要创建一个包含Dashboard Drilldown Maps的仪表板,需要使用AnyChart的仪表板功能。以下是创建仪表板布局的代码:
```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%,该视图将用于显示用户单击特定州时的地图。
为地图创建图表
要创建地图图表,需要使用以下代码:
```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;
```
以上代码中,通过设置plot_type为"Map",我们定义了一个地图图表。map_series指定了地图的数据源,此处使用的是美国各州的地图数据。在undefined_map_region中,我们定义了一个操作,即当用户点击某个州时,更新"State"视图中的地图。在操作中,使用{%REGION_ID}和{%REGION_NAME}作为关键字参数,替换掉{$region_amap}和{$title}符号。
创建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;
```
通过以上步骤,您可以创建一个功能强大的Dashboard Drilldown Maps。希望本教程对您有所帮助!
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。