TeeChart for Xamarin.iOS 4.16.12.12 available

[Gemma]

Steema is pleased to inform you of the availability of latest TeeChart for Xamarin.iOS 2016 v4.16.12.12 release.

This release includes changes and improvements on Chart events and gestures. View version history for TeeChart for Xamarin.iOS at the product release notes.

Active subscribers may download the version at no-charge from the Steema's Download page .

[roey]

Hi,
I am working on a bar graph and I need help to tweak one element:
I want to add a boarder to a few specific series within a couple of the bars
(not the entire serise, aka not all the red on the entire graph, but rather just the red on one specific bar,
and then say, only the yellow on another bar, and then say only the green on the last bar.
Thanks so much

[Pep]

Hi roey,

you should be able to do this by using the OnBeforeDrawPoint event of Series. Here an example :

Code: Select all

            var bar = new Steema.TeeChart.Styles.Bar();
            bar.Marks.Visible = false;
            Chart.Series.Add(bar);

            bar.FillSampleValues(4);
            bar.Pen.Color = Color.Red;
            bar.BeforeDrawPoint += Bar_BeforeDrawPoint;

        private void Bar_BeforeDrawPoint(Steema.TeeChart.Styles.Series series, Steema.TeeChart.Styles.BeforeDrawPointEventArgs e)
        {
            if (e.ValueIndex < 2)
                (series as Steema.TeeChart.Styles.Bar).Pen.Visible = true;
            else
                (series as Steema.TeeChart.Styles.Bar).Pen.Visible = false;
        }

[roey]

Hi,

The only way that I can change the bar width was with bar.pen.width.
When I am using your code, if the visible is true,
then it shrinks the bar size and also it doesnt give me the red border to the selected bars.
How can I fix this?

[Pep]

Hello roey,

I'm sorry, I'm not sure what are you trying to accomplish.
You should be able to change the bar width by using the CustomBarWidth property :

Code: Select all

bar.CustomBarWidth = 30;

Using code, similar to the code I used on my last post :

Code: Select all

        public override void ViewDidLoad()
        {
            base.ViewDidLoad();

            tChart = new TChart();
            tChart.Frame = this.View.Frame;

            var bar = new Steema.TeeChart.Styles.Bar();
            bar.Marks.Visible = false;
            tChart.Series.Add(bar);

            bar.FillSampleValues(4);
            bar.Pen.Color = Color.Red;
            bar.CustomBarWidth = 30;
            bar.BeforeDrawPoint += Bar_BeforeDrawPoint;            

            this.View.AddSubview(tChart);
        }

        private void Bar_BeforeDrawPoint(Series series, BeforeDrawPointEventArgs e)
        {
            if (e.ValueIndex < 2)
                (series as Steema.TeeChart.Styles.Bar).Pen.Visible = true;
            else
                (series as Steema.TeeChart.Styles.Bar).Pen.Visible = false;
        }

I get the following result :

roey.png (204.94 KiB) Viewed 16647 times

Please, send me an example image, or explain in more detail what're you trying to accomplish.

Thanks !