xamarin ios vertical barchart with onclick event

Question

xamarin ios vertical barchart with onclick event

marc 101

I posted this question earlier,
https://learn.microsoft.com/en-us/answers/questions/187960/xamarin-ios-chart.html?childToView=188538#answer-188538

since xamarin on visual studio does not work for a week until now, I was not able to say thank you for the answer and mark it as done as now it is closed. But I do have an extended question on top of the original question. The chart is working fine, but I need the barchart to be horizontal. I did a search, but seems microchart does not have support for it as for Xamarin.IOS.

thanks!

JarvanZhang 23,971 Reputation points

2020-12-15T07:13:39.077+00:00
Hi,marc-8366. To display the chart horizontally, try setting the Rotation to 90.

var chartView = new ChartView { Chart = chart Rotation = 90, ... };

You could also try the Syncfusion.Xamarin.SfChart plugin, which provides many types and section function that may help you.
marc 101 Reputation points

2020-12-15T19:57:23.597+00:00

Thanks Jarvan

I am using Xamarin IOS, not Xamarin form, and the microchart version is 0.9.5.9, there is no rotation variable for the ChartView class.
JarvanZhang 23,971 Reputation points

2020-12-16T09:40:39.243+00:00
In iOS, try using Transform property instead:

var chart = new ChartView { Transform = CGAffineTransform.MakeRotation(3.14159f * 90 / 180f) };

1 answer

Your answer

JarvanZhang 23,971 Reputation points

2020-12-15T07:13:39.077+00:00

Hi,marc-8366. To display the chart horizontally, try setting the Rotation to 90.

var chartView = new ChartView { Chart = chart Rotation = 90, ... };

You could also try the Syncfusion.Xamarin.SfChart plugin, which provides many types and section function that may help you.
marc 101 Reputation points

2020-12-15T19:57:23.597+00:00

Thanks Jarvan

I am using Xamarin IOS, not Xamarin form, and the microchart version is 0.9.5.9, there is no rotation variable for the ChartView class.
JarvanZhang 23,971 Reputation points

2020-12-16T09:40:39.243+00:00

In iOS, try using Transform property instead:

var chart = new ChartView { Transform = CGAffineTransform.MakeRotation(3.14159f * 90 / 180f) };

Answer 1

thanks Jarvan

now i tried out your code and it is working. Just need to add following to make it work

the rotation needs to be 270 degree instead of 90, else it is upsidedown CGAffineTransform.MakeRotation(3.14159f * 270 / 180f)
after the rotation, the char view frame needs to be re-positioned within the container view, so everything will look good. var chartView= new ChartView
{
Transform = CGAffineTransform.MakeRotation(3.14159f * 270 / 180f)
}; chartView.Frame = new CGRect(0, 0, ContainerView.Frame.Width, 50);

Share via

xamarin ios vertical barchart with onclick event

1 answer

Your answer