DevExpress控件使用之多重坐标图形的绘制(ASPxWebChartControl).pdfVIP

DevExpress控件使用之多重坐标图形的绘制

有时候，基于对一些年份、月份的统计，需要集成多个数值指标进行分析，

因此就需要把多种数据放到一个图形里面展现，也成为多重坐标轴，多重坐标轴

可以是多个X轴，也可以是Y轴，它们的处理方式类似。本文通过一个例子对这

个方面进行介绍，希望给大家有一个很好的参考。

首先我们先来看一个图形例子，我们可以从里面图形的右边看到有多个Y轴，

一个Y轴代表一个指标分析，X轴为月份。

上图是采用了DevExpress的ChartControl图表控件来实现的，这个控件提

供了SecondaryAxisY对象来处理多重坐标的问题。

1.准备数据并绑定

首先，，拖动ChartControl控件到Form界面上，然后设计好布局。

下面为了测试准备了几项数据，绑定在下面列表GridControl对象里面，然

后把数据绑定到图表对象里面，如下代码。具体处理的时候，我们从数据库获取

对应指标的数据即可实现动态绑定。

///summary

///准备数据内容

////summary

///returns/returns

privateDataTableCreateData()

{

DataTabledt=newDataTable();DataTabledt=newDataTable();

类型类型类型

月月月

月月月

月月月

月月月

月月月

月月

员工人数员工人数

397,387,378});397,387,378});

人均月薪人均月薪

3974,3967,3972});3974,3967,3972});

成本成本

3154.5,2499.8,3026});3154.5,2499.8,3026});

人均生产率人均生产率

7.95,6.46,8.01});7.95,6.46,8.01});

占2005年3月人数比例月人数比例

0.96,0.93,0.91});

returndt;

}

privatevoidForm1_Load(objectsender,EventArgse)

{

DataTabledt=CreateData();

this.gridControl1.DataSource=dt;

CreateChart(dt);

}

2、创建图表图形

privatevoidCreateChart(DataTabledt)

{

#regionSeries

//创建几个图形