永利最大(官方)网站

在本教程中,我们将对Flash地图控件AnyMap中经常会用到的图例进行一个详细的说明，并展示几个图例的使用示例和如何显示图例中的阈值。

》》》免费下载Flash地图控件AnyMap

简单图例

通常图例是用来显示地图上的区域名称,也有可能是一些地区的附加值,例如某些地区的销售额。

 在下面的示例中我们将创建一份附带有美国各州销售额情况的地图(地图中的彩色州是ACME公司商品的销售地点)。

按照下列方式将数据附加到这些地区中：

<series type="MapRegions">
  <point y="2000" name="WA" />
  <point y="2000" name="OR" />
  <point y="2500" name="ID" />
  <point y="500" name="MT" />
  <point y="3000" name="WY" />
</series>

图例将放置到地图的右边，其格式设置为显示区域名称和附加到区域的值:

<legend enabled="true" ignore_auto_item="True" position="Right" align="Near" align_by="dataplot" columns="1" width="30%" horizontal_padding="0">
  <title enabled="true">
    <text>Sales Per Region</text>
  </title>
  <columns_separator enabled="false" />
  <font render_as_html="true" />
  <items>
    <item source="points" series="Details">
      <text><![CDATA[%cbegin<font size="12" face="Verdana"><textformat tabstops='[100]'>{%REGION_NAME}	${%Value}{numDecimals:0}</textformat></font>%cend]]></text>
    </item>
    <item source="series" series="Details">
      <text><![CDATA[%cbegin<font size="12" face="Verdana"><textformat tabstops='[100]'><b>Total:	${%DataPlotYSum}{numDecimals:0}</textformat></b></font>%cend]]></text>
    </item>
  </items>
</legend>

注意：<textformat tabstops='[100]'>用于创建图表层。

多图例

 当用户想将一些数据分散到不同的图例中时就会用到多图例,在下面的示例中我们将把同样的销售数据附到一个图例中,然后在另一个表中展现ACME公司的计划扩张区域。

 在<chart_settings>的<controls>节点设置另外的图例:

<controls>
  <legend enabled="true" ignore_auto_item="True" position="Right" align="Near" align_by="dataplot" columns="1" width="30%" horizontal_padding="0">
    <title enabled="true">
      <text>Expansion</text>
    </title>
    <columns_separator enabled="false" />
    <items>
      <item source="points" series="Expansion">
        <text>{%Icon} {%REGION_NAME} ({%PlannedExpansionPeriod}{enabled:False})</text>
      </item>
    </items>
  </legend>
</controls>

 这个图例将会显示"Expansion" 系列，并被放置到上一个图例的下面。此外还添加了自定义PlannedExpansionPeriod属性在"Expansion"系列的点上,并在该图例和提示中显示属性值。

图例的阀值

当使用阀值为地图进行彩色渲染时，可以将这个阈值添加到图例中,以便其描述会显示。

为此应该设置图例项。下面是带有自定义阈值的地图示例。

<legend enabled="true" position="float" inside_dataplot="true" anchor="RightTop" horizontal_padding="5" vertical_padding="5" ignore_auto_item="true">
  <title>
    <text>Illiteracy Rate</text>
  </title>
  <items>
    <item source="Thresholds" thrshold="thrIlliteracy" />
  </items>
</legend>

图例中的未定义区域

 显示地图中的未定义区域，应该使用一个内置的系列名称——"AnyChart_UndefinedRegions"。

<items>
  <item source="points" series="AnyChart_UndefinedRegions" />
</items>