DevExtreme中文教程:使用公共数据来源为图表指定数-控件新闻-慧都网

DevExtreme中文教程:使用公共数据来源为图表指定数

原创|使用教程|编辑：郝浩|2013-04-15 13:14:28.000|阅读 886 次

概述：如果在DXTREM中想要为图表组件指定数据，可以使用一个公共的数据源，用于图表的显示。数据源必须代表一个对象数组，其中每个指定一个特定的参数值系列。在本文中，将会讲到如何引用数据组，值得注意的是，你可以使用DXTREME Store从从服务器中得到数据。

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

相关链接：

如果在DXTREME ENTERPRISE中想要为图表组件指定数据，可以使用一个公共的数据源，用于图表的显示。数据源必须代表一个对象数组，其中每个指定一个特定的参数值系列。在本文中，将会讲到如何引用数据组，值得注意的是，你可以使用DXTREME Store从从服务器中得到数据。

下面的变量就是将一个数据源指定到一个图表上：

var commonDataSource = [ {
    month: 'January', Glendale: 58, Kirkland: 42 }, 
    { month: 'February', Glendale: 59, Kirkland: 44 }, 
    //... 
    { month: 'December', Glendale: 58, Kirkland: 41 }, 
];

正如你在上面的代码中看见的那样，Glendale和Kirkland这两个系列将会被可视化，月之间的参数轴也将会离散开。下面的代码就演示了如何定义数据源，当须需要使用一个rangebar类型时。

var dataSource = [ { 
    month: 'January', min1: 36, max1: 43.29, min2: 42.12, max2: 49.91 },
     { month: 'February', min1: 40.68, max1: 47.07, min2: 28.33, max2: 51.75 },
     //... 
    { month: 'December', min1: 55.22, max1: 59.22, min2: 57.34, max2: 61.37}, 
];

为图表设置一个公用的数据源，可以像下面的代码这样使用dataSource配置对象。

chartOptions = { 
    dataSource: commonDataSource, 
    //... 
}

现在定义图表的系列的时候，就可以使用提供的数据源来定义图表的类型，同时必须制定字段和参数值。

标签：

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

文章转载自：慧都控件

上一篇：Spread.NET使用教程：创建Y Plot图表下一篇：MyEclipse中文使用教程：创建Web应用程序

永利最大(官方)网站

在线采购

中文文档库

试用/Demo下载

开发社群