Hi i have problem creating multi axes chart for iOS.
Im trying to do something like the image attached and i read a lot of documentation but all of that is using native controller for iOS.
I have done creating this on android using customrenderer.
Is there any way to show the bar series YAXIS to right side of the chart?
Here's how my approach using custom renderer on iOS.
I'm stuck here for 2 days creating custom renderer for iOS but none of them succeed.
Thanks
Im trying to do something like the image attached and i read a lot of documentation but all of that is using native controller for iOS.
I have done creating this on android using customrenderer.
Is there any way to show the bar series YAXIS to right side of the chart?
Here's how my approach using custom renderer on iOS.
<
telerikChart:RadCartesianChart
x:Name
=
"multiAxesGraph"
Grid.Row
=
"1"
BackgroundColor
=
"{OnPlatform iOS=Transparent}"
HorizontalOptions
=
"FillAndExpand"
Zoom
=
"1,1"
>
<
telerikChart:RadCartesianChart.HorizontalAxis
>
<
telerikChart:DateTimeContinuousAxis
LabelFitMode
=
"Rotate"
LabelFontSize
=
"9"
LabelFormat
=
"MM/d"
LabelTextColor
=
"White"
LineColor
=
"White"
MajorStep
=
"7"
MajorStepUnit
=
"Day"
MajorTickThickness
=
"5"
PlotMode
=
"OnTicks"
/>
</
telerikChart:RadCartesianChart.HorizontalAxis
>
<
telerikChart:RadCartesianChart.VerticalAxis
>
<
telerikChart:NumericalAxis
LabelFontSize
=
"9"
LabelTextColor
=
"White"
LineColor
=
"White"
MajorStep
=
"5"
Maximum
=
"{Binding MaxWeight, Mode=TwoWay}"
Minimum
=
"{Binding MinWeight, Mode=TwoWay}"
/>
</
telerikChart:RadCartesianChart.VerticalAxis
>
<
telerikChart:RadCartesianChart.Series
>
<
telerikChart:LineSeries
CategoryBinding
=
"Category"
DisplayName
=
"Weight"
ItemsSource
=
"{Binding WeightGraph, Mode=TwoWay}"
ValueBinding
=
"Value"
/>
<
telerikChart:BarSeries
CategoryBinding
=
"Category"
DisplayName
=
"Water"
ItemsSource
=
"{Binding WaterGraph, Mode=TwoWay}"
ValueBinding
=
"Value"
/>
</
telerikChart:RadCartesianChart.Series
>
<
telerikChart:RadCartesianChart.Palette
>
<
telerikChart:ChartPalette
>
<
telerikChart:ChartPalette.Entries
>
<
telerikChart:PaletteEntry
FillColor
=
"White"
StrokeColor
=
"White"
/>
<
telerikChart:PaletteEntry
FillColor
=
"#8cc63f"
StrokeColor
=
"#8cc63f"
/>
</
telerikChart:ChartPalette.Entries
>
</
telerikChart:ChartPalette
>
</
telerikChart:RadCartesianChart.Palette
>
<
telerikChart:RadCartesianChart.ChartBehaviors
>
<
telerikChart:ChartPanAndZoomBehavior
HandleDoubleTap
=
"True"
PanMode
=
"Horizontal"
ZoomMode
=
"Horizontal"
/>
</
telerikChart:RadCartesianChart.ChartBehaviors
>
</
telerikChart:RadCartesianChart
>
protected
override
void
OnElementChanged(ElementChangedEventArgs<RadCartesianChart> e)
{
base
.OnElementChanged(e);
var series = Control.Series.ToArray();
if
(series.Length == 2)
{
TKChartNumericAxis nativeAxis = series[1].YAxis
as
TKChartNumericAxis;
nativeAxis.Position = TKChartAxisPosition.Right;
nativeAxis.Style.LabelStyle.TextColor = UIColor.Green;
nativeAxis.Style.LineHidden =
false
;
nativeAxis.Style.LineStroke =
new
TKStroke(UIColor.White);
series[1].YAxis = nativeAxis;
}
}
I'm stuck here for 2 days creating custom renderer for iOS but none of them succeed.
Thanks