AnyChart 是一款灵活的基于Flash/JavaScript (HTML5) 的图表控件,可在网页上创建丰富的图表和地图类型,本教程将一步步为你讲解如何运用AnyChart创建flash地图。
创建一个网页
首先需要一个普通的包含Flash对象的HTML页面,把它放在网站的某些文件夹里。在IIS wwwroot 文件夹中创建AnyChartTest 文件夹,结构如下:
/AnyChartTest
|--/swf
|---AnyChart.swf
|---states.amap
|--/js
|--- AnyChart.js
|--anychrt.xml
|--anychart.html
选择地图数据和地图风格
地图数据需包含一个XML文件,它决定地图将如何显示,显示什么地图等。假设我们要显示一张彩色的USA地图。这个地图存储在states.amap文件中(amap文件是AnyChart存储地图数据的专有格式)。
要显示地图,首先创建XML设置文件,示例代码如下:
<?xml version="1.0" encoding="UTF-8"?>
<anychart>
<charts>
<chart plot_type="Map">
<chart_settings>
<title>
<text>USA Map</text>
</title>
</chart_settings>
<data_plot_settings>
<map_series source="states.amap">
<projection type="mercator" />
<undefined_map_region palette="default">
<label_settings enabled="True" />
</undefined_map_region>
</map_series>
</data_plot_settings>
</chart>
</charts>
</anychart>
打开AnyChartTest文件夹中的anychart.xml,并将上面这段代码粘贴进去。
设置地图标题文本:
<title>
<text>USA Map</text>
</title>
将 "states.amap"文件设置为地图源:
<map_series source="states.amap" />
将地图对象设置为Mercator,设置各大州的颜色,启用所有区域的标签:
<map_series source="states.amap">
<projection type="mercator" />
<undefined_map_region palette="default">
<label_settings enabled="True" />
</undefined_map_region>
</map_series>
HTML文件结构
将以下代码复制粘贴到anychart.html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>AnyChart Sample Flash Map </title>
<script type="text/javascript" language="javascript" src="./js/AnyChart.js"></script>
</head>
<body>
<script type="text/javascript" language="javascript">
//<![CDATA[
var chart = new AnyChart( './swf/AnyChart.swf');
chart.width = 600;
chart.height = 450;
chart.setXMLFile('./anychart.xml');
chart.write();
//]]>
</script>
</body>
</html>
在Web浏览器中启动html页面,有两种方式:
http://localhost/AnyChartTest/anychart.html
或
C:\Inetpub\wwwroot\AnyChartTest\anychart.html
效果如下:
本文转自:http://www.evget.com/zh-CN/info/catalog/18077.html
分享到:
相关推荐
网页图表Highcharts实践教程基础篇
现在搜索不到没有对AnyChart控件的.net事例,漂亮的图表控件动态的控件。 本人原创。
Echarts图表示例(3):地图时间轴
flash 图表
一套数据可视化图表通用组件库,主要由Antv静态图表、Axhub动态图表、地图组件素材三部分内容组成,其中包含了几十种常用图表类型和全国34个省级行政区地图,可以满足大部分的原型设计图表展示需求。 Antv静态图表...
本实例在IE6、IE7、IE8、Chrome、Firefox测试通过,在实际项目使用中,对可能出现的问题,尤其在IE6中无法显示flash图表,本人特撰写《Flash图表组件——使用Open Flash Chart 2.0的一些问题及解决办法》,具体访问...
是一款灵活的基于Adobe Flash和跨浏览器和跨平台的图表解决方案,被很多知名大公司所使用,可以用于仪表盘的创建、报表、数据分析、统计学,金融等领域。该控件被国际上许多知名大公司所使用,如:Oracle, Lockheed ...
Highcharts-3.0.1,漂亮的统计图表,flash统计图表,json统计图表,网页统计图表,web统计图表
使用AnyChart控件,可创建跨浏览器和跨平台的交互式图表和仪表。AnyChart 图表目前已被很多知名大公司所使用,可用于仪表盘、报表、数据分析、统计学、金融等领域。 AnyChart 可以被用于Web、桌面和移动应用程序,...
酷炫漂亮的PB 11.5 FLASH图表源码(FusionChartsFree) 自己整理的酷炫漂亮的PB...一个关于FCF即FusionChartsFree常见问题的文档
可在 ArcGIS for Desktop 应用程序中创建图表以对数据进行可视化和发掘。可借助图表以直观易懂的方式呈现地图要素的相关信息以及它们之间的关系。
superset配置图表免登陆访问,之后可将图表嵌入到html系统中
java生成FLASH图表,java生成FLASH图表,java生成FLASH图表
Highmaps网页图表基础教程
ExcelVBA实例教程060:使用VBA自动生成图表.pdf
还想看着Excel那个死板板的图表吗,想让PowerPoint动起来吗?Swiff Chart 可以帮您这个忙。它的功能就是可以根据输入的数据,或直接导入CSV、XLS、TXT文件中的数据,动态绘制出各种常见的统计图,如:条形统计图、饼...
flash 图表插件,可用于统计分析,以饼图形式显示