2017-08-08 70 views
1

我正在使用Daniel Gindi的图表。在正常情况下,数值高于圆圈;iOS-Charts在圆圈下方绘制值

values above the circles

1 - 但我需要的值/标签下拉到下面的圈子,当存在对(因为线)

2-标签没有足够的空间,我需要提供额外的圆圈和标签/值之间的偏移量。

3-我只需要在第一个和最后一个值上显示圆。

我正在使用valueFormatter用于数据集委托。我可以

-(NSString *)stringForValue:(double)value entry:(ChartDataEntry *)entry 
dataSetIndex:(NSInteger)dataSetIndex viewPortHandler: 
(ChartViewPortHandler *)viewPortHandler{ 
if (entry.x==0||entry.x==myArray.count-1) { 
    NSInteger index = [NSNumber numberWithDouble:value].integerValue; 
    return [NSString stringWithFormat:@"%ld",(long)index]; 
} else { 
    return @""; 
} 

达到,但我不知道该怎么办。

在此先感谢。

+0

你能张贴标签的代码? –

+0

好的,更新了代码@JohnnyRockex – David

+0

我们可以看到自己绘制标签的代码吗? –

回答

1

可能是你可以使用linechart为你的3.question。如果你从GitHub下载ChartDemo的应用程序,找到LineChart1ViewController.m和变化 - (空)setDataCount:(INT)计数范围:(双)范围的方法,内容与此

- (void)setDataCount:(int)count range:(double)range { 
NSMutableArray *values = [[NSMutableArray alloc] init]; 

for (int i = 0; i < count; i++) 
{ 
    double val = arc4random_uniform(range) + 3; 
    if(i == 0 || i == count - 1) 
     [values addObject:[[ChartDataEntry alloc] initWithX:i y:val icon: [UIImage imageNamed:@"icon"]]]; 
    else 
     [values addObject:[[ChartDataEntry alloc] initWithX:i y:val icon: [UIImage imageNamed:@""]]]; 
} 

LineChartDataSet *set1 = nil; 
if (_chartView.data.dataSetCount > 0) 
{ 
    set1 = (LineChartDataSet *)_chartView.data.dataSets[0]; 
    set1.values = values; 
    [_chartView.data notifyDataChanged]; 
    [_chartView notifyDataSetChanged]; 
} 
else 
{ 
    set1 = [[LineChartDataSet alloc] initWithValues:values label:@"DataSet 1"]; 

    set1.drawIconsEnabled = YES; 

    set1.lineDashLengths = @[@5.f, @2.5f]; 
    set1.highlightLineDashLengths = @[@5.f, @2.5f]; 
    [set1 setColor:UIColor.blackColor]; 
    [set1 setCircleColor:UIColor.blackColor]; 
    set1.lineWidth = 1.0; 
    set1.circleRadius = 0.0; 
    set1.drawCircleHoleEnabled = NO; 
    set1.valueFont = [UIFont systemFontOfSize:9.f]; 
    set1.formLineDashLengths = @[@5.f, @2.5f]; 
    set1.formLineWidth = 1.0; 
    set1.formSize = 15.0; 

    NSArray *gradientColors = @[ 
           (id)[ChartColorTemplates colorFromString:@"#00ff0000"].CGColor, 
           (id)[ChartColorTemplates colorFromString:@"#ffff0000"].CGColor 
           ]; 
    CGGradientRef gradient = CGGradientCreateWithColors(nil, (CFArrayRef)gradientColors, nil); 

    set1.fillAlpha = 1.f; 
    set1.fill = [ChartFill fillWithLinearGradient:gradient angle:90.f]; 
    set1.drawFilledEnabled = YES; 

    CGGradientRelease(gradient); 

    NSMutableArray *dataSets = [[NSMutableArray alloc] init]; 
    [dataSets addObject:set1]; 

    LineChartData *data = [[LineChartData alloc] initWithDataSets:dataSets]; 

    _chartView.data = data;}} 

我的意思是,你可以使用(自定义的样子圆圈等)图标设置0.0f圈半径后的第一个和最后一个圆圈。它看起来像这样

enter image description here

玩得开心:)

+0

它的工作!谢谢你:)你知道如何将attributesString设置为数据值文本吗? – David

+0

听起来不错:)关于belongsString,我很抱歉,LineChartDataSet上存在valueFont,valueTextColor,valueFormatter属性,并且它们都不是用于attributedString。但您可以更改字体系列,大小,颜色或格式。 –

0

1和2 - Change position of labels to be inside data set circles您可以对项目的解决方案进行基本更改。

3-我很抱歉,它对于折线图上的所有值都是通用的。但是你可以使用组合图来解决这个问题。对于第一个和最后一个值使用泡泡 - 对于不同的值,使用折线图即可。

Goodluck :)

+0

他们似乎很好,我试着谢谢你:) – David