Financial Data Series and sub chart

[Naga]

Hello

 

Along with Candlestick series most the chart need sub plots like MACDIndicators below main chart

Is there an examples of using more the one Chart , share same axis and sync pan and zoom for both charts ?

thanks 

[Didi]

Hi Naga,

Could you please send some images and video of the exact behavior you want to achieve with the chart control? I am asking for this as I am not sure I understand what is the requested scenario.

In general, the Chart renders the series and the indicators in one chart. So there isn't an option to separate into two different charts. The indicators description and an example can be found here: https://docs.telerik.com/devtools/maui/controls/chart/series/financial/financial-indicators 

Hope this helps.

[Naga]

Saw above examples link. That is perfect for overlay indicators. Do you have example on how it looks for 

• CommodityChannelIndexIndicator  

• StochasticFastIndicator

These indicators can't be overlayed on chart they needs to be below sharing same x axis such that zooming and panning behavior is consistent

This common feature in financial charts. Assuming non overlay indicators data source can be set in code

thanks

 

 

[Didi]

Hi Naga,

There isn't an option to separate the financial indicators into two plots/charts, etc. As shown in the link I shared all indicators are displayed in one chart in one plot. This is how the native chart is implemented. 

Regarding to the first picture 

I see here the series are separated based on the y axis values. You have line (with point marks) and bar series here. The negative values cannot be displayed first as the y axis is drawn from minimum to maximum. For inverse axis we have this logged: https://feedback.telerik.com/maui/1656437-chart-provide-inverse-axis-feature 

However you can add both bar and line series like this:

 

<Grid>
    <telerik:RadCartesianChart>
        <telerik:RadCartesianChart.BindingContext>
            <local:SeriesCategoricalViewModel />
        </telerik:RadCartesianChart.BindingContext>
        <telerik:RadCartesianChart.HorizontalAxis>
            <telerik:CategoricalAxis LabelFitMode="MultiLine" />
        </telerik:RadCartesianChart.HorizontalAxis>
        <telerik:RadCartesianChart.VerticalAxis>
            <telerik:NumericalAxis LabelFitMode="MultiLine" />
        </telerik:RadCartesianChart.VerticalAxis>
        <telerik:RadCartesianChart.Series>
            <telerik:BarSeries ValueBinding="Value"
                    CategoryBinding="Category"
                    ItemsSource="{Binding Data1}" />
            <telerik:LineSeries ValueBinding="Value"
                    CategoryBinding="Category"
                    ItemsSource="{Binding Data2}" />
        </telerik:RadCartesianChart.Series>
    </telerik:RadCartesianChart>
</Grid>

 

and the result: