We decide to use a horizontal bar chart, which will give a clear visual representation of the data in this case. We use the BarType<\/a> property to choose the bar type and set the Horizontal<\/a> property:<\/p>\n A 3D chart would look more sophisticated so we choose “Single3D” for a BarType<\/a>.<\/p>\n The Data<\/strong><\/p>\n We don’t need to set data for both axes – one is enough. The control automatically sets values for the The data collection editor<\/p><\/div>\n The Axes<\/strong><\/p>\n The X-axis shows a scale of the total working hours for the week. We set its LabelType<\/a> to “AutoScale<\/a>” This is the only axis that shows numbers on the chart, so we show the starting zero number:<\/p>\n We want to show whole numbers at the axis – no decimal fractions – and we use the NumberFormat<\/a> property to set this:<\/p>\n Finally, we set the title:<\/p>\n For the Y-axis we want to show custom labels – the name of each employee. We use the YLabels<\/a> property to specify the labels and set YAxisSettings.LabelType<\/a> to the appropriate value:<\/p>\n The Grid<\/strong><\/p>\n A vertical grid will help us identify the value of each bar. The GridType<\/a> property, together with the The Bar Colors<\/strong><\/p>\n We use ChartBrushes<\/a> and ChartPens<\/a> to specify how our bars will be colored. Here is the final chart:<\/p>\n 3D BarChart in .NET WinForms<\/p><\/div>\n Scrolling the chart:<\/strong><\/p>\n We set the ResizeType<\/a> to “Scrollable<\/a>“. This way we can scroll to see all data on the chart without the need to increase the size of the chart and let it take too much space.<\/p>\n The sample is available for download from here:<\/p>\n Download WinForms Working Hours Bar Chart Sample<\/a><\/p>\n A trial version of MindFusion.Charting for WinForms is available from here:<\/p>\n Download MindFusion.Charting for WinForms<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" In this post we will explore how to create a bar chart that shows the weekly working hours for each member of a team. We use MindFusion.Charting for WinForms component. The Type of the Bar Chart We decide to use … Continue reading barChart1.Horizontal = true;
\nbarChart1.BarType = MindFusion.Charting.BarType.Single3D;<\/code><\/p>\n
\nother axis to make the bars equally distributed. We can write the data by hand or use the built-in
\ndesign time collection editor:<\/p>\n
\nbarChart1.Data.Add(new List() { 82, 60, 73, 45, 19, 34, 58, 23, 69, 17 });<\/code><\/p>\n![\"The](\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/06\/winforms_collection_editor.png\")
<\/a>
\nand set the interval<\/a> to 10:<\/p>\nbarChart1.XAxisSettings.LabelType = MindFusion.Charting.AxisLabelType.AutoScale;
\nbarChart1.XAxisSettings.AxisDelta = 10;<\/code><\/p>\nbarChart1.XAxisSettings.DrawZero = true;<\/code><\/p>\nbarChart1.XAxisSettings.NumberFormat = MindFusion.Charting.NumberFormat.Fixed_point_0Digits;<\/code><\/p>\nbarChart1.XAxisSettings.TitleLabel = \"Total Weekly Hours\";<\/code><\/p>\nbarChart1.YAxisSettings.LabelType = MindFusion.Charting.AxisLabelType.CustomText;
\nbarChart1.YLabels.Add(new List() { \"Mary Johnson\", \"Tim Davidson\", \"Alan Hank\", \"Elisa Labate\", \"Boris Foster\", \"Tim Carnes\", \"Olivia Beverling\", \"Mark Buchanan\", \"Ron Callary\", \"Cindy Peterson\" });<\/code><\/p>\n
\nGridBrush<\/a> and AltGridBrush<\/a> help use set the type and colors of the grid. We outline the plot area with PlotAreaOutline:<\/p>\nGridType = MindFusion.Charting.GridType.VertScale;
\nbarChart1.GridBrush = new MindFusion.Drawing.SolidBrush(Color.White);
\nbarChart1.AltGridBrush = new MindFusion.Drawing.SolidBrush(Color.FromArgb(240, 240, 240));
\nPlotAreaOutlinePen = new MindFusion.Drawing.Pen(Color.FromArgb(220, 220, 220));<\/code><\/p>\n![\"3D](\"http:\/\/mindfusion.dev\/blog\/wp-content\/uploads\/2013\/06\/winforms_bar_chart_marketing_team.png\")
<\/a>barChart1.ResizeType = MindFusion.Charting.WinForms.ResizeType.Scrollable;<\/code><\/p>\n