Percentage Circle chart

[LG]

Dear All,

I have the following data at 1AM = 80%, 2AM = 60%, 3AM = 75%, etc. I want to plot these data as a small pie chart in each hour with the percentage - like the the full circle is 100% so that I can draw a filled 80% of circle at 1AM, and 60% of circle at 2AM.


Is there anyway of doing this?

Regards,

Leng

[Christopher]

Hello!

I have the following data at 1AM = 80%, 2AM = 60%, 3AM = 75%, etc. I want to plot these data as a small pie chart in each hour with the percentage - like the the full circle is 100% so that I can draw a filled 80% of circle at 1AM, and 60% of circle at 2AM.


Is there anyway of doing this?

Sure, you can use the Pie.AngleSize property, e.g.

Code: Select all

		private Steema.TeeChart.Styles.Pie series1;

		private void InitializeChart()
		{
			tChart1.Aspect.View3D = false;
			tChart1.Series.Add(series1 = new Pie());
			//80% of 360
			int angle = Steema.TeeChart.Utils.Round(360 * 0.8);
			series1.RotationAngle = 90;
			series1.AngleSize = angle;
			series1.Add(80);
		}

[LG]

Hi Christopher,

Many thanks for your reponse. By using pie chart we can have only a single series indeed and it's not within the X, Y Axis at all. What I would like to have is using X, Y axis and small circles inside like points style but with the percentage inside as in your example.

I would like to have basically many pies as the one in your example along X, Y axis.

Please advise.

LG

[Christopher]

Hello!

What I would like to have is using X, Y axis and small circles inside like points style but with the percentage inside as in your example.

I see. Well, you could derive your own series type. Here's an example:

Code: Select all

	public class PercentageCircle : Points
	{
		private int pieRadius;

		public PercentageCircle() : this((Chart)null) { }
    public PercentageCircle(Chart c) : base(c) 
		{
			pieRadius = 50;
			Marks.Visible = true;
			Marks.Arrow.Visible = false;
			Marks.ArrowLength = pieRadius + 5;
		}

		protected override void SetChart(Chart c)
		{
			base.SetChart(c);
			if (c != null)
			{
				c.Legend.TextStyle = LegendTextStyles.Plain;
			}
		}

		public int PieRadius
		{
			get { return pieRadius; }
			set { pieRadius = value; }
		}

		protected override void DoBeforeDrawChart()
		{
			base.DoBeforeDrawChart();
			GetVertAxis.MaximumOffset = PieRadius;
			GetVertAxis.MinimumOffset = PieRadius;
			GetHorizAxis.Labels.Style = AxisLabelStyle.Value;
			GetHorizAxis.MaximumOffset = PieRadius;
			GetHorizAxis.MinimumOffset = PieRadius;
		}

		public override void DrawValue(int valueIndex)
		{
			if (!IsNull(valueIndex) || (TreatNulls == TreatNullsStyle.Ignore))
			{
				Graphics3D g = Chart.Graphics3D;
				int xPos = CalcXPos(valueIndex);
				int yPos = CalcYPos(valueIndex);
				double angle = 360 * (YValues[valueIndex] / 100.0);
				System.Drawing.Color oldColor = g.Brush.Color;
				bool oldGradientVisible = g.Brush.Gradient.Visible;
				g.Pen = LinePen;
				g.Brush.Color = ValueColor(valueIndex);
				g.Brush.Gradient.Visible = false;
				g.Pie(xPos - pieRadius, yPos - pieRadius, xPos + pieRadius, yPos + pieRadius, 0, angle);
				g.Brush.Color = oldColor;
				g.Brush.Gradient.Visible = oldGradientVisible;
			}
		}
	}

And you could then use it thus:

Code: Select all

		private PercentageCircle series1;

		private void InitializeChart()
		{
			tChart1.Aspect.View3D = false;
			tChart1.Series.Add(series1 = new PercentageCircle());
			series1.Add(80, "80%");
			series1.Add(60, "60%");
			series1.Add(75, "75%");
		}

[LG]

Hi

Many thanks for your help. It works okay for me!

I am using the version 1.1.1544.23908 and I have minor problme with

Code: Select all

TreatNullsStyle

as it does not exists. When drawing the first pie will never draw but it does draw the second pie. Any idea why?

Again, thanks alot for your useful advice!

Regards,

LG

[Christopher]

Hello,

TreatNullsStyle is a teechart.net v3 feature. Maybe it's time you upgraded