C1Chart用PlotElementLoaded事件实现柱子宽度自定义

发布时间:2014/05/19 00:05 发布者:roger.wang

返回博客中心


Studio for WPF:定制 C1WPFChart 标记》详细说明了用PlotElementLoaded事件进行label设置,借用其思想,本文PlotElementLoaded进行C1Chart柱子宽度设置。

在WPF的C1Chart下,默认的柱状图的各个柱子宽度,是动态适配的:即如果有1个柱子,则很粗,有5个柱子则变细了, 这样有一个好处是对开发者而言不用关心太多细节。 但是,有一个问题是1个柱子、5个柱子的Chart切换数据源的时候,UI上变化比较大。

 11

22

故存在这样的需求:”还是没有办法让柱子保持一定的宽度。例如,我想让每个柱子的宽度保持在40个像素,不管数据量的多少“。

首先,采用设置X轴柱子整体边距的办法:

  1: BarColumnOptions.SetSize(c1Chart1, 2.0);

Chart默认的1.0属性,尝试修改为0.5、1.5、2.0后,依然无法达到要的效果。

其次,想到了以前用过的PlotElementLoaded事件,在WPF UI发生变化后, Chart的序列、标签等会自动触发这个事件,我们可以在这个事件里面进行宽度等的修改。

关键代码如下:

  1:         void ds_PlotElementLoaded(object sender, EventArgs e)
  2:         {
  3:             var bar = (Bar)sender;
  4: 
  5:             var series = bar.DataPoint.Series;
  6:             int i = BarColumnOptions.GetStackGroup(series);
  7: 
  8:             // To avoid that the bar closes to the y axis is attached to the axis.
  9:             bar.Margin = new System.Windows.Thickness(10, 0, 0, 0);
 10: 
 11:              bar.RenderTransform = new TranslateTransform() { X = bar.ActualWidth / 4 };
 12:              bar.Width = 3;   //每个柱子的宽度
 13:         }

设置后,执行的效果如下,柱子变细了。

 

C1Chart_plot

 

源码下载:


关于葡萄城

赋能开发者!葡萄城是专业的集开发工具、商业智能解决方案、低代码开发平台于一身的软件和服务提供商,为超过 75% 的全球财富 500 强企业提供服务。葡萄城专注控件软件领域30年,希望通过模块化的开发控件、灵活的低代码应用开发平台等一系列开发工具、解决方案和服务,帮助开发者快速响应复杂多变的业务需求,最大程度地发挥开发者的才智和潜能,让开发者的 IT 人生更从容更美好。

了解详情,请访问葡萄城官网