码迷,mamicode.com
首页 > 其他好文 > 详细

WPF DevExpress Chart控件多Y轴,指定数据参考的Y轴

时间:2014-09-24 15:47:07      阅读:217      评论:0      收藏:0      [点我收藏+]

标签:devexpress   wpf   多y轴   

当Chart中有两个及以上的Y轴时,我们就要指明图表中的柱子或折线对应的是哪个Y轴了,这时候需要指明柱子或者折线的dxc:XYDiagram2D.SeriesAxisY属性,来设置对应的Y轴(dxc:XYDiagram2D.SeriesAxisY="{Binding ElementName=y2}"),其中Binding的ElementName就是需要对应的Y轴的Name(即这里的y2),界面代码如下:
<dxc:ChartControl  DataSource="{Binding SaleAmountAnalysisList}">
            <dxc:XYDiagram2D x:Name="diagram1" SeriesDataMember="Gross">
                <dxc:XYDiagram2D.SecondaryAxesY>
                    <dxc:SecondaryAxisY2D x:Name="y2">
                        <dxc:SecondaryAxisY2D.Title>
                            <dxc:AxisTitle Content="单位(万)"></dxc:AxisTitle>
                        </dxc:SecondaryAxisY2D.Title>
                    </dxc:SecondaryAxisY2D>
                </dxc:XYDiagram2D.SecondaryAxesY>
                <dxc:XYDiagram2D.AxisY>
                    <dxc:AxisY2D x:Name="firstY">
                        <dxc:AxisY2D.Title>
                            <dxc:AxisTitle Content="单位(千)" />
                        </dxc:AxisY2D.Title>
                    </dxc:AxisY2D>
                </dxc:XYDiagram2D.AxisY>
                <dxc:XYDiagram2D.AxisX>
                    <dxc:AxisX2D />
                </dxc:XYDiagram2D.AxisX>
                <!--默认情况下都是参考的左边的Y轴-->
                <!--销售提成-->
                <dxc:BarSideBySideSeries2D LabelsVisibility="true" ArgumentDataMember="Name" ValueDataMember="Gross">
                    </dxc:BarSideBySideSeries2D>
                <!--单均毛利-->
                <dxc:BarSideBySideSeries2D LabelsVisibility="true" ArgumentDataMember="Name" ValueDataMember="AveGross">
                    </dxc:BarSideBySideSeries2D>
                <!--贡献毛利润,通过设置LineSeries2D的dxc:XYDiagram2D.SeriesAxisY来指定该折线是参考右边的Y轴的-->
                <dxc:LineSeries2D LabelsVisibility="True" dxc:XYDiagram2D.SeriesAxisY="{Binding ElementName=y2}" ArgumentDataMember="Name" ValueDataMember="Royalty">
                    </dxc:LineSeries2D>
            </dxc:XYDiagram2D>
        </dxc:ChartControl>

通过上面代码的绑定方式的结果如下图所示:

bubuko.com,布布扣

WPF DevExpress Chart控件多Y轴,指定数据参考的Y轴

标签:devexpress   wpf   多y轴   

原文地址:http://blog.csdn.net/c512026052/article/details/39522241

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!