彩票走势图

AnyChart图表控件获取数据的三种方法

原创|其它|编辑:郝浩|2012-10-31 11:00:44.000|阅读 1239 次

概述:AnyChart能够从任意的数据源得到数据,能够在任意的平台传输数据,创建多种类型的图表,也可以在任何的客户端进行显示。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

AnyChart能够从任意的数据源得到数据,能够在任意的平台传输数据,创建多种类型的图表,也可以在任何的客户端进行显示。

获取XML数据来配置图表,您可以提供XML文件,或使用AnyChart组件的服务器端或客户端脚本动态地创建XML数据。

我们来看看这个进程是如何进行的:

1、从服务器端获取XML数据文件

这种方式获取数据时,你最好有一些参数的脚本页,定义哪些数据应该显示,这是使用Flash图表最常见的方法,它可以很容易地使用任何脚本语言组织。

如下所示:

AnyChart图表控件获取数据的三种方法

2、使用Javascript语言从服务器获取XML数据文件的内容

当某些用户从页面不刷新操作/值的情况下,要显示新的图表,这AJAX风格的方法效果最好。、使用AnyChart外部函数来创建这样的页面。

 

AnyChart图表控件获取数据的三种方法

3、使用Javascript语言从服务器中获取XML数据文件的URL

此JavaScript方法几乎和前一个方法相同,但你需要设置XML数据的URL ,而不是作为字符串设置所有XML。使用AnyChart外部函数来创建这样的页面

AnyChart图表控件获取数据的三种方法

XML 例子描述:

在这个例子中将演示如何将表中的数据转换成AnyChart XML,来看看使用下面的数据,几个经理的在一个季度中的销售来创建爱的柱行图。

AnyChart图表控件获取数据的三种方法

这个表可以通过简单的查询语句从数据库中返回,如下:

SELECT sales_name, sum(sales) FROM tbl_orders GROUP BY sales_name

现在,我们需要将这个数据表转换成XML ,这种格式将会被AnyChart接受。在AnyChart数据模型中,我们有一个系列的数据(销售部)类别有经理的名字,系列中的每个点代表一个经理和他/她的销售,转换的XML数据如下:

<data>
<series name="Sales" type="Bar">
<point name="John" y="10000" />
<point name="Jake" y="12000" />
<point name="Peter" y="18000" />
<point name="James" y="11000" />
<point name="Mary" y="9000" />
</series>
</data>

 正如你可以看到,我们已经创建了一个<series>节点,指定其类型=&ldquo;bar”,添加的几个<point>节点,并设置主要是用于定义列类别的x属性和定义列的值的y属性。

可以组织使用任何脚本/编程语言进行这种转换,遍历查询结果格以及式化输出字符串。

最后确定创建XML图表是在<chart>节点中定义的plot_type="CategorizedVertical" ,这时,AnyChart 现在可以直观显示您的数据。如下所示:

AnyChart图表控件获取数据的三种方法


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP