C1Chart柱状图，柱子宽度设置

收藏

版主，你好。请问柱状图中的柱子的宽度怎样设置。

如果没有设置宽度的话，控件会根据自身的宽度来动态的设定柱子的宽度。如果数据少的情况下，柱子的特别宽。效果如图1。

如果我设置了俩个柱子之间的间距后，那么在同一个横坐标下的不同系列的柱子之间也会产生一定的距离。效果如图2。

我想实现的效果是，即能设定柱子显示的宽度，同时又不影响同一横坐标下不同系列的显示效果。如果图3

ljf31 · ljf31

回复 1楼ljf31的帖子

不好意思，图片没有发上去。现在补上。

roger.wang · roger.wang

回复 2楼ljf31的帖子

问题看到了，有图有文字，很清晰。

我理解的是您的期望是：显示1、2、3个柱子，大小一致，是吗？

请试试这个属性修改：

BarColumnOptions.SetSize(c1Chart1, 2.0);

复制代码

默认的1.0，您可以试试修改0.5、1.5、2.0看看是否能达到您的效果。

ljf31 · ljf31

回复 3楼roger.wang的帖子

版主，你好：
用您提供的方法测试过来，还是没有办法让柱子保持一定的宽度。例如，我想让每个柱子的宽度保持在40个像素，不管数据量的多少。

roger.wang · roger.wang

回复 4楼ljf31的帖子

谢谢您的测试。

经过2轮的沟通，明白了您的需求：即需要在绘制Chart.Bar前，固定每个Bar的宽度，无论是1个、2个、3个。

我帮您咨询一下C1Chart产品团队，有新的消息我会跟帖给您第一时间反馈，请耐心等待。

ljf31 · ljf31

回复 5楼roger.wang的帖子

谢谢!

roger.wang · roger.wang

回复 6楼ljf31的帖子

不客气，应该的。

roger.wang · roger.wang

回复 6楼ljf31的帖子

帮您找了几个办法，供您参考：
1 调整最左边、最右边柱边距：

chart.View.AxisX.Min = -0.5; // left columns margin
chart.View.AxisX.Max = npoints – 0.5; // right columns margin

复制代码

2 在每个柱子的PlotElementLoaded 事件中，进行判断赋值设置宽度

void ds_PlotElementLoaded(object sender, EventArgs e)
{
var bar = (Bar)sender;
// To avoid that the bar closes to the y axis is attached to the axis.
bar.Margin = new System.Windows.Thickness(10, 0, 0, 0);
bar.RenderTransform = new TranslateTransform() { X = bar.ActualWidth / 4 };
bar.Width = 3; //每个柱子的宽度
}

复制代码

同时，为了便于理解，我整理了一篇博客，并上传了一个源码工程，一并供您参考。
http://blog.gcpowertools.com.cn/ ... tElementLoaded.aspx

roger.wang · roger.wang

欢迎有问题开新帖沟通。

		自动登录	找回密码
密码			立即注册

C1Chart柱状图，柱子宽度设置

8 个回复

本帖子中包含更多资源

评分

活字格认证

微信认证勋章

元老葡萄