2016 - 2024

感恩一路有你

Flash地图控件AnyMap使用教程:Dashboard Drilldown Maps

浏览量:2408 时间:2024-01-17 08:34:34 作者:采采

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。希望本教程对您有所帮助!

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。