Hi,
We noticed that when displaying a lot of candles, always in relation to the pixel width of the chart, candles will start overlapping, making the chart really hard to read.
How can we control the width (or empty space between) of candle sticks plotted on the chart?
Please keep in mind that using any parameter that causes the chart to automatically group candles is not an option to us.
Tks
Hello Thiago,
Thank you for posting in our community!
Could you provide more information regarding your scenario? Do you use the igDataChart control or any of the other Ignite UI chart controls? If so, which series do you use? What settings are applied when the issue persist?
Code snippets or a sample will be appreciated in order to investigate further.
Hi.
Please refer to the attached images to understand our issue.
As seen in FewCandles.jpg, when we set the chart to display less that a given amount of periods, it plots the candles very close to each other, without any overlapping.
However, as soon as we set the chart to show more than a given amount of periods, as seen in ManyCandles.jpg, candles will start to be plotted overlapping each other, since it appears that the candlestick rectangle width is too big to allow the chart to plot candles with any space between each other.
What we need is a way to plot many candles while keeping then from overlapping. Some sort of candlestick width parameter would make this work.
How can we solve this?
Adding ManyCandles.jpg.
Lastly, we would like to say that changing the resolution parameter or making use of any strategy that groups or skips any candles is not an option to us.
I am just following up to check if you have any further questions. If so, feel free to contact me again.
Thank you for your response.
Scenarios which require big collections of data need to be plotted a possible alternative could be using the OHLC display type:
series: [{
type: "financial",
displayType: "ohlc",
thickness:3,
…
}]
You might also test this option with different thickness values.
I have added a fiddler sample below for your reference: http://jsfiddle.net/gh/get/jquery/1.9.1/igniteuisamples/jsfiddle-samples/tree/master/EN/HtmlSamples/data-chart/series-highlighting-financial/
Besides candlesticks and OHLC series types you might test in this sample other alternatives.
More resources could be also found at the following link: http://www.igniteui.com/data-chart/series-highlighting-financial
If you have any further questions, concerns or comments please let me know.