AnyChart使用指南(一)

本文是AnyChart使用指南,详细介绍了如何配置和使用AnyChart创建交互式图表和地图。包括下载试用版、安装步骤、数据转换为XML、设置显示类型以及HTML页面结构的展示,适合Web、Desktop和Mobile应用程序。
摘要由CSDN通过智能技术生成

AnyChart控件是一款当前流行的数据可视化解决方案,使客户可以创建交互地、生动的图表和地图。控件提供极好的视觉外观和配色方案能够使客户根据不同的需求设计图表,AnyChart是一款跨浏览器的工具,可以被用于Web、Desktop和Mobile应用程序,AnyChart可运行于当前PC和Mac上所有主流的浏览器,如:Chrome, Safari, Firefox, Internet Explorer和Opera,并且可用于所有移动平台(Android (2.2+) 和 iOS (iPhone, iPad, iPod Touch). )上的主流浏览器,详细介绍以及图片事例展示请查看>>

1. 准备工作

i. 下载试用版:http://www.componentcn.com/html/jbtbkj_249_5209.html

ii. 确保操作系统上安装了IIS以及浏览器和Flash Player 9.0以上或是浏览器支持SVG

2. 安装好AnyChart后,在IIS的wwwroot文件夹创建一个AnyChartTest文件夹(可随意命名),然后在该文件夹下创建下面的目录结构:

/AnyChartTest

/swf

AnyChart.swf

/js

AnyChart.js

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.166

Discount Stores

$721.630

Men's/Women's Specialty Stores

$148.662

Juvenile Specialty Stores

$78.662

All other outlets

$90.000

4. 我们需要将上面的数据转换为XML结构,像下面一样

复制代码
<?xml version="1.0" e
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值