首页 > 其他 > 详细

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

时间:2014-09-24 14:04:58      阅读:561      评论:0      收藏:0      [点我收藏+]
当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轴

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!