在网上搜索过DevExpress的WebChartControl控件的使用,好像这个控件大家使用的比较少。网上的教程就更少了,但我自己使用过后发现这个控制还是很好的,它和
AspxGridView属于同一系列的控件,稳定性就不用担心了。
前面我有写过怎么WebChartControl绘制图形,链接如下:
利用DevExpress的WebChartControl绘制柱状图,线状图与饼状图示例但在使用的时候发现一个很大的问题,就是柱状图的柱体的宽度是自己随着柱体的数量而自己变化的,也就是说,如果你的图形中只有一两个柱体,那么你的图形会变的超级难看,就和下面的图形一样
自己找到好久,都没有找到能够调整柱体宽度的地方,为此,还在不少的论坛上发贴请教前辈们,也没能得到答案,可以是这个控件真的使用的太少了吧。
好吧,不多说了,下面是调整柱状图柱体宽度的方法:
一,调整柱状图柱体宽度
循环WebChartControl对象Series中的每一个对象,将Series的View对象转化成BarSeriesView,在BarSeriesView中,我们就可以随意调整柱体的格式了。代码如下:
foreach (Series s in Chart.Series)
{
if (s.View.ToString() == "Bar")
{
BarSeriesView BarSeriesView = (BarSeriesView)s.View;
BarSeriesView.BarWidth = 0.2;
}
}
还包括它的边框,它的x轴与y轴的样式等
BarSeriesView.Border
BarSeriesView.AxisX
BarSeriesView.AxisY
大家都可以找到对应的属性为调整。
二,设置线状图的线条节点标识看下图:
上面两条线中,一条线的标识是圆的,另一条线却是一个五角星,这是如何实现的呢?代码如下:
foreach (Series s in Chart.Series)
{
LineSeriesView lineSeriesView = (LineSeriesView)series.View;
lineSeriesView.Color = Color.Red; //这里更改线条的颜色
lineSeriesView.LineMarkerOptions.Kind = MarkerKind.Star; //这里就是更改线条的标识了
}
对应的,如果我们要修改饼状图的样式,可以Series的View对象转化成PieSeriesView,再操作其中的属性了。
因WebChartControl的各属性的智能提示中也没有写说明,所以要找到一个属性还真是困难,希望这能给同样使用该控件的朋友节约些时间吧。US隷悎_Y4N鰁剉頞e坃N
NO賬te*N緥&^eg*YY緰錘爚ck剉
No俼_蚑0
N菑鍌飝\bY購1\b哊