彩票走势图

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

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

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

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

相关链接:

    如果在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@pclwef.cn

文章转载自:慧都控件

为你推荐

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


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP