Wicks disappear when background is set to Black color

[Ashok]

When I set the background color of Chart to Black, I experience the following issues:

1. The upper and lower wicks are not visible. Is there a way to set the colors for wicks for these the candles?

2. The width of candle bodies is thinner with Black background. There appears a black border around candle bodies as seen in the picture on left. This may be causing this problem. Can we set the candle border to None or transparent?

Please see the attached picture.

Attachment: Candle_Chart_Wicks_904da46f.zip

[Yuvaraj Palanisamy]

Hi Ashok, 

 

Greetings from Syncfusion. 

 

We would like to let you know that change the CandleSeries the border with the help of Border color property of Series. Please find the code example below. 

 

CodeSnippet: 

 

ChartSeries series = new ChartSeries("series", ChartSeriesType.Candle); 

series.Style.Border.Color = Color.White; 

 

 

Output: 

 

 

For more details, please refer the below link. 

https://help.syncfusion.com/windowsforms/chart/chart-series#border  

 

Regards, 

Yuvaraj. 

[Ashok]

Setting the border on candles which are small size and in a small sized chart makes them look ugly. Please see the attached picture that compares 2 different charts: Left one generated with Syncfusion Chart and the right one with Microsoft Chart.

There must be another way to just set the color for upper and lower wicks, without having to set the border color for candle body.

Attachment: Candle_Charts_59eccebf.zip

[Yuvaraj Palanisamy]

Hi Ashok, 

 

We have achieved your requirement “Without set border color for Candle body and Set border color for only Low an Upper wicks” with the help of series custom renderer support by using Renderer property of ChartSeries. Please find the code example below. 

 

CodeSnippet: 

ChartSeries series = new ChartSeries("series", ChartSeriesType.Candle); 

series.Style.Border.Color = Color.White; 

series.Renderer = new CustomRenderer(series); 

 

public class CustomRenderer : ChartSeriesRenderer 

    { 

       public CustomRenderer(ChartSeries series) 

            : base(series) 

        { 

        } 

 

    . . . 

} 

 

Also, we have attached the sample for your reference. Please find the sample from the below link. 

 

Sample: https://www.syncfusion.com/downloads/support/forum/163288/ze/Custom_CandleChart1914793429  

  

Output: 

 

 

For more details, please refer the below link. 

 

https://help.syncfusion.com/windowsforms/chart/faq/how-to-draw-custom-series-using-chartseriesrenderer  

 

Regards, 

Yuvaraj. 

[Ashok]

Thank you Yuvaraj. We are getting closer. The border does not appear on the candle body now which is good. But there are 2 issues:

1. Some of the wicks are white while others appear to be grey. See the middle candle in you sample.

2. The candle bodies have become narrower. Is there a way to increase the width of candle body?

Thanks,

[Ashok]

The wick color shows fine when I set the to series1.Style.Border.Width = 2. I think I am okay with that. 

I did some work on the candle width. I was able to resolve it by modifying the CustomRenderer as under:

Pen border = style.GdipPen;

border.Color = interior.BackColor;      //was Color.Transparent;

I am not sure if this will be a good idea for code maintainability. Please advise.

[Yuvaraj Palanisamy]

Hi Ashok, 

 

# Some of the wicks are white while others appear to be grey 

 

Thanks for your update. Yes, you can resolve this by using Border Width becomes 2.  

 

# The candle bodies have become narrower. Is there a way to increase the width of candle body? 

 

Yes. You can adjust the width of the candle body with the help of Spacing property of ChartControl in WinForms. Please find the below code example. 

 

ChartSeries series = new ChartSeries("series", ChartSeriesType.Candle); 

series.Style.Border.Color = Color.White; 

series.Style.Border.Width = 2f; 

series.Renderer = new CustomRenderer(series); 

this.chartControl1.Spacing = 0;  // by default Spacing is 10% 

 

# For code Maintainability use border.Color = interior.BackColor; 

 

It’s Ok. You can use border.Color = interior.BackColor in the provided workaround solution and  it does not any other element. 

 

Regards, 

Yuvaraj.