原創(chuàng)|使用教程|編輯:郝浩|2013-06-24 12:01:32.000|閱讀 623 次
概述:AnyMap允許用戶使用兩種不同的方法創(chuàng)建鉆取圖——使用AnyChart JavaScript庫和使用AnyChart Dashboard功能。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
Flash地圖控件AnyMap允許用戶使用兩種不同的方法創(chuàng)建鉆取圖——使用AnyChart JavaScript庫和使用AnyChart Dashboard功能。
用戶可以很簡(jiǎn)單的創(chuàng)建自鉆取地圖——只需要?jiǎng)?chuàng)建幾個(gè)地圖圖表 ( <chart plot_type="Map"> ) 節(jié)點(diǎn),進(jìn)行命名,并提供所需的行動(dòng)。
在本文的這個(gè)示例中,我們將創(chuàng)建一個(gè)北美自鉆取圖,示例中的鉆取功能僅限于USA、Canada、Mexico和Greenland等國家地圖,其他國家將被禁用鉆取功能。
我們將使用下面的".amap"文件:Northern America、USA、Canada、Mexico and Greenland。
首先,我們將創(chuàng)建主圖,這將顯示第一個(gè)圖表——美國北部的地圖:
<?xml version="1.0" encoding="UTF-8"?>
<anychart>
<charts>
<chart plot_type="Map" name="Northern America">
<chart_settings>
<title>
<text>Map of the Northern America</text>
</title>
<chart_background enabled="false" />
<data_plot_background enabled="false" />
</chart_settings>
<data_plot_settings>
<map_series source="world/north_america.amap">
<projection type="orthographic" />
</map_series>
</data_plot_settings>
</chart>
</charts>
</anychart>
通過這些設(shè)置我們將創(chuàng)建如下地圖:

在這里我們假設(shè)只使用USA、Canada、Greenland和Mexico并禁用其他國家,所以我們將添加一系列點(diǎn),對(duì)應(yīng)于選定的國家——這地區(qū)將成為"defined"(調(diào)色板是用來自動(dòng)著色):
<data>
<series>
<point name="United States" />
<point name="Canada" />
<point name="Mexico" />
<point name="Greenland" />
</series>
</data>
現(xiàn)在我們應(yīng)該關(guān)閉交互性選項(xiàng)未定義區(qū)域(只留下懸停選項(xiàng)定義區(qū)域):
<map_series source="world/north_america.amap" id_column="REGION_NAME">
<undefined_map_region>
<interactivity allow_select="false" hoverable="false" use_hand_cursor="false" />
</undefined_map_region>
<defined_map_region>
<interactivity allow_select="false" />
</defined_map_region>
</map_series>
讓我們看一個(gè)中間結(jié)果,選定的國家已經(jīng)被設(shè)為彩色,并且懸停和可選擇的,其他國家已經(jīng)被禁用:

我們將定義鉆取行為,需要添加行為節(jié)點(diǎn)到數(shù)據(jù)部分,如:
<data>
<actions>
<action type="updateChart" source_mode="internalData" source="{%REGION_NAME}" />
</actions>
<series palette="Default">
<point name="United States" />
<point name="Canada" />
<point name="Mexico" />
<point name="Greenland" />
</series>
</data>
這個(gè)行為意味著當(dāng)用戶點(diǎn)擊任何已定義的地區(qū),當(dāng)前的圖表將被替換為當(dāng)前XML文件的另一個(gè)圖表,并且圖表的名稱應(yīng)當(dāng)與Northern America Map Reference中的REGION_NA的列值一致。
Country Maps將有非常類似的設(shè)置,并避免重復(fù)我們將創(chuàng)建一個(gè)模板,然后將它應(yīng)用于所有國家地圖。
總之,模板是圖表或地圖設(shè)置的一部分,所以我們將創(chuàng)建一個(gè)地圖模板,將定義一個(gè)返回Northern America Map按鈕,著色的地區(qū),一些邊界設(shè)置和設(shè)置工具提示顯示Region Names:
<templates>
<template name="SubRegion">
<chart plot_type="Map">
<chart_settings>
<chart_background enabled="false" />
<data_plot_background enabled="false" />
<footer enabled="true">
<text>Back to Northern America Map</text>
<actions>
<action type="updateChart" source_mode="internalData" source="Northern America" />
</actions>
</footer>
</chart_settings>
<data_plot_settings>
<map_series>
<projection flag="true" />
<undefined_map_region palette="Default">
<tooltip_settings enabled="true">
<format>{%REGION_NAME}</format>
</tooltip_settings>
</undefined_map_region>
</map_series>
</data_plot_settings>
</chart>
</template>
</templates>
現(xiàn)在讓我們看一個(gè)示例Canada Country Map XML,您可以看到,我們僅僅設(shè)置了地圖名,定義的 ".amap" 文件和應(yīng)用的"SubRegion"模板:
<chart plot_type="Map" name="Canada" template="SubRegion">
<chart_settings>
<title>
<text>Canada</text>
</title>
</chart_settings>
<data_plot_settings>
<map_series source="north_america/canada.amap" />
</data_plot_settings>
</chart>
現(xiàn)在我們可以為Mexico、USA和Greenland創(chuàng)建相同的<chart>節(jié)點(diǎn),將它們添加到<charts> 節(jié)點(diǎn)(別忘了添加<templates>到<anychart>節(jié)點(diǎn)),之后Northern America的鉆取地圖就完成了,你可以測(cè)試它并在預(yù)覽中查看完整的XML設(shè)置:

本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@ke049m.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)