简体   繁体   中英

Animating a CPTScatterPlot to draw one point at a time. Additional line to origin

I am trying to animate a ScatterPlot as described in: How to add animation to scatter graph using core plot?

But I am encountering an issue where an additional line is drawn to the zero point. Here is an image of my problem:

http://i.stack.imgur.com/OizxH.png

I found this thread on the Coreplot google group describing the same issue: https://groups.google.com/forum/#!searchin/coreplot-discuss/reloadDataInIndexRange/coreplot-discuss/ACpzO9neSsI/sgpv9UE4Xg0J

I tried to implement the fix which was described there, but the issue persists. Here is my code:

- (void) updateData
{
    _count = 0;
    [NSTimer scheduledTimerWithTimeInterval:0.01 target:self selector:@selector(animateGraph:) userInfo:nil repeats:YES];
}

- (void)animateGraph:(NSTimer *)timer
{
    if (_count < PREDICT_MINUTES) {
        [[self.graph plotWithIdentifier:@"estimatedBGPlot"] reloadDataInIndexRange:NSMakeRange(_count, 1)];
    } else {
        [timer invalidate];
    }
    _count += 1;
}

This is the setup I do for the graph:

//Make the boundaries of the graph and hosting view the size of the containing view.
self.graph = [[CPTXYGraph alloc] initWithFrame:CGRectMake(0, 0, 320, 250)];
CPTGraphHostingView *hostingView = [[CPTGraphHostingView alloc] initWithFrame:CGRectMake(0, 0, 320, 250)];
[self.view addSubview:hostingView];

hostingView.hostedGraph = self.graph;
hostingView.collapsesLayers = NO;

//Pad the plot area. This ensures that the tick marks and labels
//will show up as is appropriate.
self.graph.plotAreaFrame.paddingBottom = 30.0;
self.graph.paddingBottom = 0.0;
self.graph.paddingTop = 0.0;
self.graph.paddingLeft = 0.0;
self.graph.paddingRight = 0.0;

//This is shared by all graphs in the plotSpace.
//It sets the coordinates of the axes
CPTXYPlotSpace *plotSpace = (CPTXYPlotSpace *)self.graph.defaultPlotSpace;
plotSpace.xRange = [CPTPlotRange plotRangeWithLocation:CPTDecimalFromFloat(0)
                                                length:CPTDecimalFromFloat(PREDICT_MINUTES)];
plotSpace.yRange = [CPTPlotRange plotRangeWithLocation:CPTDecimalFromFloat(0) length:CPTDecimalFromFloat(300)];

CPTXYAxisSet *axisSet = (CPTXYAxisSet *)self.graph.axisSet;
CPTXYAxis *x = axisSet.xAxis;
CPTXYAxis *y = axisSet.yAxis;
x.orthogonalCoordinateDecimal = CPTDecimalFromFloat(0);
y.orthogonalCoordinateDecimal = CPTDecimalFromFloat(0);

CPTMutableLineStyle *clearStyle = [CPTMutableLineStyle lineStyle];
clearStyle.lineColor = [CPTColor clearColor];

CPTMutableLineStyle *thickWhiteStyle = [CPTMutableLineStyle lineStyle];
thickWhiteStyle.lineColor = [CPTColor whiteColor];
thickWhiteStyle.lineWidth = 2.0f;

x.majorIntervalLength = [[NSNumber numberWithInt:30] decimalValue];
x.minorTicksPerInterval = 1;
x.majorTickLineStyle = thickWhiteStyle;
x.minorTickLineStyle = clearStyle;
x.axisLineStyle = clearStyle;
x.minorTickLength = 5.0f;
x.majorTickLength = 7.0f;
x.labelOffset = 3.0f;

x.labelingPolicy = CPTAxisLabelingPolicyNone;
CPTScatterPlot* estimatedBGPlot = [[CPTScatterPlot alloc] initWithFrame:self.graph.defaultPlotSpace.accessibilityFrame];
estimatedBGPlot.identifier = @"estimatedBGPlot";
estimatedBGPlot.interpolation = CPTScatterPlotInterpolationCurved;
CPTMutableLineStyle *ls1 = [CPTMutableLineStyle lineStyle];
ls1.lineWidth = 4.0f;
ls1.lineColor = [CPTColor whiteColor];
estimatedBGPlot.dataLineStyle = ls1;
estimatedBGPlot.dataSource = self;
[self.graph addPlot:estimatedBGPlot];

CPTScatterPlot* predictPlot = [[CPTScatterPlot alloc] initWithFrame:self.graph.defaultPlotSpace.accessibilityFrame];
predictPlot.identifier = @"predictPlot";
predictPlot.interpolation = CPTScatterPlotInterpolationCurved;
CPTMutableLineStyle *ls2 = [CPTMutableLineStyle lineStyle];
ls2.lineWidth = 3.0f;
ls2.lineColor = [CPTColor greenColor];
ls2.dashPattern=[NSArray arrayWithObjects:[NSDecimalNumber numberWithInt:5],[NSDecimalNumber numberWithInt:5],nil];
predictPlot.dataLineStyle = ls2;
predictPlot.dataSource = self;
[self.graph addPlot:predictPlot];

Using Eric's suggestion I adapted my method -numberOfRecordsForPlot: so that it didn't return a value which was any greater than the numberOfRecords to be plotted at any instant.

The word _count is confusing, it should really be something like '_index' which is actually one less than count.

Here is my final method

-(NSUInteger)numberOfRecordsForPlot:(CPTPlot *)plot {
    return _count + 1;
}

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM