Steema Central

Posted: **Mon May 31, 2010 6:49 am**

Hi,

I have a question about the different colors used for a HighLow Series.
I want to color the area where High > Low value green and the area where High < Low value red.

With the following code I get more or less the result:

Code: Select all

Steema.TeeChart.Styles.HighLow hl = new Steema.TeeChart.Styles.HighLow();
m_tchart.Series.Add(hl);

hl.Add(1, 10, 5);
hl.Add(2, 10, 8);
hl.Add(3, 10, 9);
hl.Add(4, 10, 12);
hl.Add(5, 10, 14);

hl.HighBrush.Color = System.Drawing.Color.Aquamarine;
hl.HighBrush.Visible = true;
hl.LowBrush.Color = System.Drawing.Color.LightCoral;
hl.LowBrush.Visible = true;

However, the red color already start from the point where the values ARE GOING TO cross (point 3 in my example). But in fact, I want to start the red color only from the cross point itself.
So, somewhere in the middle between 3 and 4 where the two lines actually cross. See screenshot.

Thanks for your help!
Marijke.

Posted: **Tue Jun 01, 2010 12:25 pm**

Hello Marijke,

When you use HighLow Series, and you want to paint with different colors Low and High values, you need a point exactly of values intersection.
I recommend use function CrossPoints for calculate point intersection and two Region tools to paint values of the HighLow Series. Also, you should change the order of High and low points, because region tool works with high values for change its positions. Please, see next code, and check if it works as you want.

Code: Select all

       private Steema.TeeChart.Functions.CrossPoints crosssPoints1;
        private Steema.TeeChart.Tools.SeriesRegionTool region1, region2;
        private void InitializeChart()
        {
            tChart1.Aspect.View3D = false;

            Steema.TeeChart.Styles.HighLow hl = new Steema.TeeChart.Styles.HighLow(tChart1.Chart);
            Steema.TeeChart.Styles.Line line1= new Steema.TeeChart.Styles.Line();
            Steema.TeeChart.Styles.Line line2 = new Steema.TeeChart.Styles.Line();
            crosssPoints1 = new Steema.TeeChart.Functions.CrossPoints(tChart1.Chart);

            hl.Add(0, 5, 10);
            hl.Add(1, 8, 10);
            hl.Add(2, 9, 10);
            hl.Add(3, 12, 10);
            hl.Add(4, 14, 10);
            
            hl.LowBrush.Color = System.Drawing.Color.Aquamarine;
            hl.HighBrush.Color = System.Drawing.Color.LightCoral;
            tChart1.Legend.Visible = false;

            for (int i = 0; i < hl.Count; i++)
            {
                line1.Add(hl.XValues[i], hl.LowValues[i]);
            }

            line2.DataSource = new object[] { hl, line1 };
            line2.Function = crosssPoints1;

            region1 = new Steema.TeeChart.Tools.SeriesRegionTool(tChart1.Chart);
            region1.AutoBound = false;
            region1.UseOrigin = true;
            region1.Origin = line2.YValues[0];
            region1.LowerBound = hl.MinXValue();
            region1.UpperBound = line2.XValues[0];
            region1.Color = System.Drawing.Color.Aquamarine;
            region1.DrawBehindSeries = false;
            region1.Series = hl;

            region2 = new Steema.TeeChart.Tools.SeriesRegionTool(tChart1.Chart);
            region2.AutoBound = false;
            region2.UseOrigin = true;
            region2.Origin = line2.YValues[0];
            region2.LowerBound = line2.XValues[0];
            region2.UpperBound = hl.MaxXValue();
            region2.Color = System.Drawing.Color.LightCoral;
            region2.DrawBehindSeries = false;
            region2.Series = hl;
}

I hope will helps.

Thanks,

Steema Central

HighLow - Different colors for high and low

HighLow - Different colors for high and low

Re: HighLow - Different colors for high and low