彩票走势图

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

原创|使用教程|编辑:郝浩|2013-06-26 10:18:16.000|阅读 290 次

概述:使用AnyMap除了创建Self Drilldown Maps之外,还可以创建Self Drilldown Maps。下面看一下具体的示例。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

使用Flash地图控件AnyMap除了创建Self Drilldown Maps之外,还可以创建Self Drilldown Maps。下面看一下具体的示例——地图由两部分组成,第一部分将包含美国的地图,当用户单击特定的州——该州的地图就将在地图的第二部分进行显示。

》》》免费下载AnyMap最新版

创建仪表板布局

 创建这样的地图需要使用AnyChart仪表板功能,仪表板将包含两个部分,以下面的代码进行创建:

<?xml version="1.0" encoding="UTF-8"?>
<anychart>
  <dashboard>
    <view type="Dashboard">
      <title>
        <text>USA Drilldown Map</text>
      </title>
      <hbox width="100%" height="100%">
        <view name="Country" type="Chart" width="50%" height="100%" source="USA" />
        <view name="State" type="Chart" width="50%" height="100%" />
      </hbox>
    </view>
  </dashboard>
</anychart>

为地图创建图表

以下面的代码进行创建:

<chart plot_type="Map" name="USA">
  <chart_settings>
    <title enabled="false" />
    <chart_background enabled="false" />
    <data_plot_background enabled="false" />
  </chart_settings>
  <data_plot_settings>
    <map_series source="usa/country/states.amap">
      <projection type="orthographic" />
      <undefined_map_region palette="Default">
        <actions>
          <action type="updateView" view="State" source_mode="internalData" source="State">
            <replace token="{$region_amap}">{%REGION_ID}</replace>
            <replace token="{$title}">{%REGION_NAME}</replace>
          </action>
        </actions>
      </undefined_map_region>
    </map_series>
  </data_plot_settings>
</chart>

这个操作定义意味着AnyChart应在"State"视图中加载"State"图表,并使用{%REGION_ID}和{%REGION_NAME}关键字参数来取代{$region_amap}和{$title}符号。

中间结果——具有一个定义地图的Dashboard

如果将描述的图表添加到仪表板,将会得到如下所示的地图:

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

州地图的XML

创建美国所有州的XML,需要使用一个参数化的XML,{$title}和{$region_amap}符号将会由主图表<action&gt;进行处理:

<chart plot_type="Map" name="State">
  <chart_settings>
    <title>
      <text>{$title}</text>
    </title>
    <chart_background enabled="false" />
    <data_plot_background enabled="false" />
  </chart_settings>
  <data_plot_settings>
    <map_series source="usa/states/counties/{$region_amap}.amap">
      <projection type="orthographic" />
      <undefined_map_region palette="Default" />
    </map_series>
  </data_plot_settings>
</chart>

最终的Drilldown Dashboard

只需要将 "State" 图表添加到<charts>部分,仪表板就完成了

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


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP