彩票走势图

DevExtreme中文教程:如何设置图表类型

原创|使用教程|编辑:郝浩|2013-04-12 13:25:07.000|阅读 752 次

概述: 在今天的文章中,来看一下如何在DXTREM中设置图表类型。将会设置改变原来默认的线形图表类型到fullStackedArea类型,这个主要是由于如果想比较点的值以及它们相同点的参数集,这个fullStackedArea类型将会更加的适合。

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

相关链接:

    在今天的文章中,来看一下如何在DXTREME ENTERPRISE中设置图表类型。将会设置改变原来默认的线形图表类型到fullStackedArea类型,这个主要是由于如果想比较点的值以及它们相同点的参数集,这个fullStackedArea类型将会更加的适合。

   一般来说,你可以使用样式属性来指定一个系列的类型。但是在今天的例子中,我们需要为所有系列设置fullStackedArea系列类型,所以需要commonseriessettings配置对象的样式属性,代码如下所示:

chartOptions = {
    commonSeriesSettings: {
        argumentField: 'year'
    },
    series: [{
        name: 'Oceania',
        valueField: 'Oceania'
    }, {
        name: 'Africa',
        valueField: 'Africa'
    }, {
        name: 'Americas',
        valueField: 'Americas'
    }, {
        name: 'Asia',
        valueField: 'Asia'
    }, {
        name: 'Europe',
        valueField: 'Europe'
    }],
    dataSource: [
    {
        year: 1950, Africa: 227, Americas: 331,
        Asia: 1436, Europe: 547, Oceania: 12
    },
    {
        year: 1960, Africa: 285, Americas: 416,
        Asia: 1718, Europe: 605, Oceania: 15
    },
    {
        year: 1970, Africa: 365, Americas: 512,
        Asia: 2156, Europe: 657, Oceania: 19
    },
    {
        year: 1980, Africa: 478, Americas: 612,
        Asia: 2644, Europe: 695, Oceania: 22
    },
    {
        year: 1990, Africa: 633, Americas: 720,
        Asia: 3180, Europe: 722, Oceania: 26
    },
    {
        year: 2000, Africa: 810, Americas: 833,
        Asia: 3678, Europe: 731, Oceania: 30
    },
    {
        year: 2010, Africa: 1016, Americas: 936,
        Asia: 4149, Europe: 728, Oceania: 35
    }]
}

标签:DevExpress

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

文章转载自:慧都控件

为你推荐

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


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP