此文主要是和大家分享下在做配餐系统的新模块开发中,对"ZedGraph柱状图"控件的使用,先看看我在项目所应用的效果:
如上图所示,此柱状图只有Y轴,且每个柱的颜色都不同 ——没有X轴,却需要显示每种体质的名称和分数,这就需要在常规的(网上的示例)基础上做修改。
关键代码如下:
void ShowBar( double [] tzZhfArr)
{
string [] tzTypeArr = ComHelper.GetTzTypeArray();
Dictionary < int , double [] > dict = new Dictionary < int , double [] > ();
Color[] colorArr = { Color.Orange,Color.PaleGreen,Color.SlateBlue,
Color.Pink,Color.Green,Color.LightSkyBlue,
Color.Gray,Color.GreenYellow,Color.RosyBrown};
this .zedGraphControl_res.SuspendLayout();
this .zedGraphControl_res.Controls.Clear();
ZedGraph.GraphPane myPane = this .zedGraphControl_res.GraphPane;
myPane.Title.Text = " 体质测试结果柱状图 " ;
myPane.XAxis.Title.Text = "" ;
myPane.YAxis.Title.Text = "" ;
int start_x = 5 ;
double tzZhz = 0 ;
for ( int i = 0 ; i < tzTypeArr.Length; i ++ )
{
tzZhz = tzZhfArr[i] < 0 ? 0 : tzZhfArr[i];
ZedGraph.BarItem bar = myPane.AddBar( "" , new double [] { start_x }, new double [] { tzZhz }, colorArr[i]);
bar.Bar.Fill = new ZedGraph.Fill(colorArr[i], Color.White, colorArr[i]);
ZedGraph.TextObj myText = new ZedGraph.TextObj( string .Format( " {0},{1} " , tzTypeArr[i], tzZhz), start_x, tzZhz + 3 );
myText.Location.CoordinateFrame = ZedGraph.CoordType.AxisXYScale;
myText.Location.AlignH = ZedGraph.AlignH.Center;
myText.Location.AlignV = ZedGraph.AlignV.Center;
myText.FontSpec.Family = " 宋体 " ;
myText.FontSpec.Size = 16f;
myText.FontSpec.Fill.IsVisible = false ;
myText.FontSpec.Border.IsVisible = false ;
// myText.FontSpec.Angle = 35; // 控制 文字 倾斜度
myPane.GraphObjList.Add(myText);
start_x += 15 ;
}
myPane.Fill = new ZedGraph.Fill(Color.WhiteSmoke, Color.Lavender, 0F);
myPane.Chart.Fill = new ZedGraph.Fill(Color.FromArgb( 255 , 255 , 245 ),
Color.FromArgb( 255 , 255 , 190 ), 90F);
// 设置 柱体的宽度
myPane.BarSettings.ClusterScaleWidth = 30 ;
// Bars are stacked
myPane.BarSettings.Type = ZedGraph.BarType.Cluster;
myPane.XAxis.IsVisible = false ;
// Enable the X and Y axis grids
myPane.XAxis.MajorGrid.IsVisible = false ;
myPane.YAxis.MajorGrid.IsVisible = true ;
myPane.XAxis.Scale.Min = - 10 ;
this .zedGraphControl_res.ResumeLayout();
this .zedGraphControl_res.AxisChange();
}
其中,有几个重要的属性,需要特殊说明下:
1. //设置 柱体的宽度
myPane.BarSettings.ClusterScaleWidth = 30;
// Bars are stacked
myPane.BarSettings.Type = ZedGraph.BarType.Cluster;
设置 柱体的宽度 只在 myPane.BarSettings.Type(柱体布局设置或类型)中的某些值时有效。
2. myText.FontSpec.Angle = 35;//控制 文字 倾斜度
3. 当myPane.XAxis.IsVisible = false时,X轴下方(一般为-y的值)的文本等将无法显示。
——ZedGraph是国外的控件,功能貌似很强大,我实现效果可能还有更方便或合适的方法,对其也算是有个大概的了解,希望路过的朋友能分享下你的使用经验!