Core-Plot: персонализированный сюжет - PullRequest
Новая
       8

Core-Plot: персонализированный сюжет

1 голос
/ 15 мая 2011


Я экспериментирую с библиотекой Core Plot для iOS. Мне удалось показать график с моей информацией, однако я не могу персонализировать визуализацию так, как хочу.
Я пытаюсь использовать простой точечный график, чтобы показать расстояние, пройденное пользователем за день, между двумя датами. Мне удалось создать данные для построения графика, но мне сложно персонализировать график, возможно, кто-то, кто использовал эту библиотеку, может мне помочь;)
Мой вопрос:
- Если я показываю только положительные стороны осей x и y, я не могу видеть метки.
- Например, если между двумя датами 31 день, ось x переходит от 0 до 30. Как изменить метки для отображения даты, например startDate + x. Это то, что я сделал до сих пор: 

@interface DistanceChart : CPGraphHostingView <CPPlotDataSource> {
    CPXYGraph *graph;
    NSMutableArray *dataForPlot;
    RouteManager *routeManager;
    NSDate *startDate;
    NSDate *endDate;
}

@property (nonatomic, retain) NSMutableArray *dataForPlot;
@property (nonatomic, retain) RouteManager *routeManager;
@property (nonatomic, retain) NSDate *startDate;
@property (nonatomic, retain) NSDate *endDate;

- (void)initPlot;

@end



@implementation DistanceChart
@synthesize dataForPlot;
@synthesize routeManager;
@synthesize startDate;
@synthesize endDate;

- (void)initPlot {
    NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
    [dateFormatter setDateFormat:@"dd-MM-yyyy"];
    self.startDate = [dateFormatter dateFromString:@"01-05-2011"];
    self.endDate = [dateFormatter dateFromString:@"31-05-2011"];

    //get the data
    self.dataForPlot = [routeManager getTotalDistanceByDay:routeManager.routes from:startDate to:endDate];
    NSLog(@"Data: %@", dataForPlot);


    graph = [[CPXYGraph alloc] initWithFrame:CGRectZero];
    self.hostedGraph = graph;

    graph.paddingLeft = 5;
    graph.paddingTop = 5;
    graph.paddingRight = 5;
    graph.paddingBottom = 5;

    // Setup plot space
    int days = [endDate timeIntervalSinceDate:startDate] / 60 / 60 / 24 + 1;

    CPXYPlotSpace *plotSpace = (CPXYPlotSpace *)graph.defaultPlotSpace;
    plotSpace.allowsUserInteraction = YES;
    plotSpace.xRange = [CPPlotRange plotRangeWithLocation:CPDecimalFromFloat(0) length:CPDecimalFromFloat(days)];
    plotSpace.yRange = [CPPlotRange plotRangeWithLocation:CPDecimalFromFloat(0) length:CPDecimalFromFloat(15)]; //TODO: set maximum Y according to max distance

    // Axes
    CPXYAxisSet *axisSet = (CPXYAxisSet *)graph.axisSet;
    CPXYAxis *x = axisSet.xAxis;
    x.majorIntervalLength = CPDecimalFromString(@"1");
    x.orthogonalCoordinateDecimal = CPDecimalFromString(@"0");
    x.minorTicksPerInterval = 1;

    CPXYAxis *y = axisSet.yAxis;
    y.majorIntervalLength = CPDecimalFromString(@"1");
    y.minorTicksPerInterval = 1;
    y.orthogonalCoordinateDecimal = CPDecimalFromString(@"0");
    x.labelRotation = M_PI/8;

    // Create a green plot area
    CPScatterPlot *dataSourceLinePlot = [[[CPScatterPlot alloc] init] autorelease];
    dataSourceLinePlot.identifier = @"Green Plot";

    CPMutableLineStyle *lineStyle = [[dataSourceLinePlot.dataLineStyle mutableCopy] autorelease];
    lineStyle.lineWidth = 2.f;
    lineStyle.lineColor = [CPColor greenColor];

    dataSourceLinePlot.dataLineStyle = lineStyle;
    dataSourceLinePlot.dataSource = self;

    // Put an area gradient under the plot above
    CPColor *areaColor = [CPColor colorWithComponentRed:0.3 green:1.0 blue:0.3 alpha:0.8];
    CPGradient *areaGradient = [CPGradient gradientWithBeginningColor:areaColor endingColor:[CPColor clearColor]];
    areaGradient.angle = -90.0f;
    CPFill *areaGradientFill = [CPFill fillWithGradient:areaGradient];
    dataSourceLinePlot.areaFill = areaGradientFill;
    dataSourceLinePlot.areaBaseValue = CPDecimalFromString(@"1.75");

    // Animate in the new plot, as an example
    dataSourceLinePlot.opacity = 0.0f;
    dataSourceLinePlot.cachePrecision = CPPlotCachePrecisionDecimal;
    [graph addPlot:dataSourceLinePlot];

    CABasicAnimation *fadeInAnimation = [CABasicAnimation animationWithKeyPath:@"opacity"];
    fadeInAnimation.duration = 1.0f;
    fadeInAnimation.removedOnCompletion = NO;
    fadeInAnimation.fillMode = kCAFillModeForwards;
    fadeInAnimation.toValue = [NSNumber numberWithFloat:1.0];
    [dataSourceLinePlot addAnimation:fadeInAnimation forKey:@"animateOpacity"];
}

#pragma mark -
#pragma mark Plot Data Source Methods

- (NSUInteger)numberOfRecordsForPlot:(CPPlot *)plot 
{
    return [dataForPlot count];
}

- (NSNumber *)numberForPlot:(CPPlot *)plot field:(NSUInteger)fieldEnum recordIndex:(NSUInteger)index 
{
    NSDecimalNumber *num = [[dataForPlot objectAtIndex:index] valueForKey:(fieldEnum == CPScatterPlotFieldX ? @"x" : @"y")];

    return num;
}

- (CPLayer *)dataLabelForPlot:(CPPlot *)plot recordIndex:(NSUInteger)index
{
    return nil;
}

- (void)dealloc {
    [dataForPlot release];
    [routeManager release];
    [startDate release];
    [endDate release];

    [super dealloc];
}

@end

1 Ответ

3 голосов
/ 15 мая 2011

Возможно, вам нужно увеличить отступ, чтобы показать метки.Вам также может понадобиться добавить заполнение для plotAreaFrame.

. Есть несколько примеров программ («DatePlot» и «MinorTickLabels»), включенных в базовый график, которые показывают, как форматировать даты и время на осях..

...