Can telerik do this

[zhe]

Can telerik do this xamarin

[Lance | Senior Manager Technical Support]

Hello Zhe,

Answers are in the screenshot.

 

Documentation

Please review all of this documentation, it will show you how to get started and implement what you're looking for.

• Xamarin Chart Documentation | Bar Series
• Xamarin Chart Documentation | Line Series
• Xamarin Chart Documentation | CategoricalSeries Combine Mode
• Xamarin Chart Documentation | Axes Overview
• Xamarin Chart Documentation | Categorical Axis
• Xamarin Chart Documentation | Annotations
• Xamarin Chart Documentation | Chart Legend
  

Demos

If you would like to see some real-world implementations of these features, visit one of the following demo applications:

• Here is the demo app that is in the App stores that shows some specific use cases => https://docs.telerik.com/devtools/xamarin/demos-and-sample-apps/sdk-browser-overview#telerik-ui-for-xamarin-samples-application 
• Here is the demo that shows you how to use the features you see in the docs => https://docs.telerik.com/devtools/xamarin/demos-and-sample-apps/sdk-browser-overview#sdk-browser-application 

 

Side Note: Layering

Sometimes there might be a scenario where you'd have conflicting axis types and can't put all the series into the same plot area. In this situation you can add a 2nd chart, make the background transparent and layer it on top of the other chart (e.g., put the line series on top of the combined bar series).

However, since it looks like you can share the horizontal axis between all 3 series, you shouldn't won't need to do this. all three series data shares the same horizontal categorical axis.

Regards,
Lance | Manager Technical Support
Progress Telerik

[Lance | Senior Manager Technical Support]

Quick follow-up. I forgot to share the link and details about the background grid lines. Yes, you can have grid lines, see Xamarin Chart Documentation | CartesianChart Grid.

I also need to make a quick correction about the combining of vertical axes. The combined vertical axes are not available on every platform.

Although you can move the temperature vertical axis to the right (with LinearAxis HorizontalLocation=Right), you won't be able to use it in the same plot area as the left vertical axis.

So, you will need to follow my guidance about layering 2 charts. You can make the horizontal labels and background of the extra chart transparent. That way, you only see the series and the vertical axis.

For example:

<Grid>
    <!-- The bottom chart, this one is for the combined BarSeries (use Cluster mode)-->
    <telerikChart:RadCartesianChart>

    <!-- Use this one for the line series, make the background color and horizontal axis labels transparent -->
    <telerikChart:RadCartesianChart>
</Grid>