AnyChart使用手册一.doc

AnyChart使用指南(一)AnyChart控件是一款当前流行的数据可视化解决方案，使客户可以创建交互地、生动的图表和地图。控件提供极好的视觉外观和配色方案能够使客户根据不同的需求设计图表，AnyChart是一款跨浏览器的工具，可以被用于Web、Desktop和Mobile应用程序，AnyChart可运行于当前PC和Mac上所有主流的浏览器，如：Chrome, Safari, Firefox, Internet Explorer和Opera，并且可用于所有移动平台(Android (2.2+) 和 iOS (iPhone, iPad, iPod Touch). )上的主流浏览器1. 准备工作i. 下载试用版：/html/jbtbkj_249_5209.htmlii. 确保操作系统上安装了IIS以及浏览器和Flash Player 9.0以上2. 安装好AnyChart后，在IIS的wwwroot文件夹创建一个AnyChartTest文件夹(可随意命名)，然后在该文件夹下创建下面的目录结构：l /AnyChartTest /swf n AnyChart.swf /js n AnyChart.jsn AnyChartHTML5.js anychart.xml anychart.html 注：1) swf文件夹用于放置控件提供的swf文件，既AnyChart.swf文件，该文件可以在控件安装目录下找到2) js文件夹用于放置控件提供的JS文件，同样地这两个JS文件也是控件提供，在控件安装目录下可以找到3) anychart.xml该文件用于开发人员配置图表，设置图表的各种基本信息，当然还包挎图表所需的数据等4) anychart.html用于显示图表，可以是ASP, ASP.NET, CF, PHP, CGI, Perl等页面3. 为该事例准备数据，在该事例中我们提供了一个产品销量比较数据，将绘制一个柱状图，数据如下：Retail Channel Sales Department Stores$637.166Discount Stores$721.630Mens/Womens Specialty Stores$148.662Juvenile Specialty Stores$78.662All other outlets$90.0004. 我们需要将上面的数据转换为XML结构，像下面一样 Sales of ACME Corp. Sales Retail Channel 5. 打开anychart.xml，然后复制上面的代码到文件里，然后保存6. 在6.0版本开始，您可以通过设置AnyChart提供的renderingType属性选择使用Flash或者是JavaScript来在页面上显示图表，具体有以下集中形式：RenderingType描述FLASH_ONLY图表总是使用Flash Player来显示，如果浏览器上没有安装Flash Player插件，那么图表将无法显示SVG_ONLY图表总是使用Java Script作为SVG对象来显示，如果不支持SVG，那么图表将无法显示FLASH_PREFERRED如果flash和SVG都同时支持，那么优先选择使用Flash来显示图表SVG_PREFERRED如果flash和SVG都同时支持，那么优先选择使用Flash来显示图表代码如下：设置仅使用Flash来显示图表：AnyChart.renderingType = anychart.RenderingType.FLASH_ONLY;设置仅使用SVG来显示图表：AnyChart.renderingType = anychart.RenderingType.SVG_ONLY;如果同时支持SVG和Flash，那么您可以设置是优先使用Flash来显示：AnyChart.renderingType = anychart.RenderingType.FLASH_PREFERRED;或者优先使用SVG来显示：AnyChart.renderingType = anychart.RenderingType.SVG_PREFERRED;7. HTML文件结构A. 以下是该事例Html页面的代码 AnyChart Sample / B. 或者是基于JavaScript HTML 5的图表，代码如下： AnyChart Sample / 8. 打开Html页面，复制上面的一种代码到页面里，保存9. 运行HTML页面http:/localhost/AnyChartTest/anychart.html 或者C:InetpubwwwrootAnyChartTestanychart.html您可以看到下面的效果10. 这样通过简单的步凑就利用AnyChart控件绘制出了一个图表，其中图表中的各个元素设置等您可以参考控件提供的帮助文档11. 控件中国网提供了该控件的试用版下载，您可以下载试用，试用版和正式版功能上是一样的，只是试用版有试用版水印。12. 如果有什么问题可以咨询：重庆磐岩科技有限公司（控件中国网）是AnyChart在中国的核心合作伙伴，能快速地响应客户关于A