Hello,

I am just checking about the progress of this issue. Let me know If you need my further assistance on this  issue?

Thank you for using Infragistics Components.

Hello,

So in this case you will have to listen to chart’s chartViewDidScroll and chartViewDidZoom and look at the chart’s zoomScale and zoomContentOffset. I think this will let you set the correct size for the background image.

Another options would be if you use StackedColumnChart applied to the approach suggested by Max, here is the modification which you will need to do:

/* Set up the background ranges using a stacked series */

    _stackedData = [[NSMutableArray alloc]init];

    StackedData *obj = [[StackedData alloc]init];

    obj.range1 = 20;

    obj.range2 = 30;

    obj.range3 = 50;

    StackedData *objAlternate = [[StackedData alloc]init];

    objAlternate.range1 = 30;

    objAlternate.range2 = 30;

    objAlternate.range3 = 40;

    //we need two points to make an area.

    for (int i = 0; i < 20; i++) {

       [_stackedData addObject:obj];

    [_stackedData addObject:objAlternate];

    }

    _stackedDSH = [[IGStackedSeriesDataSourceHelper alloc]initWithData:_stackedData fields:@[@"range1",@"range2",@"range3"]];

    _stackedSeries = (IGStackedAreaSeries*)[_chart addStackedSeriesForType:[IGStackedColumnSeries class] usingKey:@"stackedSeries" withDataSource:_stackedDSH firstAxisKey:@"stackedXAxis" secondAxisKey:@"y"];

    _stackedSeries.xAxis.labelsVisible = NO;

    _stackedSeries.xAxis.gap = 0;

    _stackedSeries.thickness = 0;

    _stackedSeries.outline = [[IGBrush alloc] initWithColor:[UIColor clearColor]];

I hope that this will helps you.

The reason to use background image is because of overlapping ranges. In my app, I have devised a way to show overlap using a generated image.