彩票走势图

C1Chart for WPF初级教程:多轴图表

转帖|使用教程|编辑:龚雪|2016-03-28 09:56:01.000|阅读 710 次

概述:在前文中,我们在轴部分有介绍如何给图表添加单个轴。C1Chart for WPF的图表的X轴和Y轴都可以添加多轴(多X轴,多Y轴)。当你有如下需求的时候,就可以使用多轴。

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

相关链接:

<ComponentOne Studio for WPF下载>

在前文中,我们在轴部分有介绍如何给图表添加单个轴。C1Chart for WPF的图表的X轴和Y轴都可以添加多轴(多X轴,多Y轴)。当你有如下需求的时候,就可以使用多轴:

  1. 两个或更多的Data series有混合类型的数据。
  2. DataSeries到DataSeies之间有比较大的数据值范围。

本文就在上一章的基础上,介绍如何给C1Chart添加多轴。

多轴

在XAML里,通过ChartView.Axis就可以指定轴,AxisType属性可以指定轴的类型是X轴还是Y轴,Position属性指定轴的方向。比如如下的XAML代码展示了如何添加多Y轴:

<c1chart:C1Chart.View>

<c1chart:ChartView>

<!-- Auxiliary y-axes -->

<c1chart:Axis Name="ay2" AxisType="Y" Position="Far" Min="0" Max="10" />

<c1chart:Axis Name="ay3" AxisType="Y" Position="Far" Min="0" Max="20" />

<c1chart:Axis Name="ay4" AxisType="Y" Position="Far" Min="0" Max="50" />

</c1chart:ChartView>

</c1chart:C1Chart.View>

另外如果想要实现动态的添加,可以通过c1Chart1.View.Axes.Add方法去添加多个Y轴。C#代码参考:

Axis ay = new Axis();

ay.AxisType = AxisType.Y;

ay.Min = tag.ConfigMin;

ay.Max = tag.ConfigMax;

ay.Name = “axiy";

c1Chart1.View.Axes.Add(ay);

这时您可能会问,那么如何动态绑定多轴呢?由于Axis不是dependency property。它不能动态的设置轴的名称。如果想要Axis属性在view mode绑定到某些属性,我们在下一章来讨论有关轴的动态绑定。效果展示:

多轴图表

示例: 

Scaling Multiple Axis

为了scalea轴,必须设置轴的scale和value属性,使用PropertyChanged事件。代码参考如下:

// suppose ay2 is auxiliary y-axis

((INotifyPropertyChanged)chart.View.AxisY).PropertyChanged += (s, e) =>

{

if (e.PropertyName == "Scale")

{

ay2.Scale = chart.View.AxisY.Scale;

}

else if (e.PropertyName == "Value")

{

ay2.Value = chart.View.AxisY.Value;

}

};
PS: 关于ComponentOne,这些产品你可以关注>>
本文转载自
葡萄城经典UI产品惠风迎春,惊喜折扣礼品送不停!优惠详情点击查看>>
强大工具Qt新版发布,慧都助力——解决方案大放送!优惠详情点击查看>>

标签:WPFComponentOne

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

文章转载自:慧都控件网

为你推荐

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


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP