iOS-图表绘制圆圈下方的值

Question

我正在使用 Daniel Gindi 的图表。正常情况下，数值在圆圈上方；

1- 但我需要将 values/labels 下拉到圆圈下方，当没有足够的 space 用于标签时（因为线条）

2- 我需要在圆和 label/value 之间提供额外的偏移量。

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 @"";
}

但是我不知道该怎么办。

提前致谢。

Answer 1

1 和 2 - 您可以对项目的解决方案进行基本更改。

3- 很抱歉，它对折线图上的所有值都是通用的。但是您可以针对此问题使用组合图表。对于第一个和最后一个值使用气泡 - 对于值之间使用折线图就这样。

祝你好运:)

Answer 2

也许您可以为 3.question 使用折线图。如果您从 github 下载 ChartDemo 应用程序，找到 LineChart1ViewController.m 并使用此

更改 - (void)setDataCount:(int)count range:(double)range 方法内容

- (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 圆半径后为第一个和最后一个圆使用（自定义看起来像圆等）图标。看起来像这样

玩得开心:)

iOS-图表绘制圆圈下方的值

iOS-Charts drawing values below circle

objective-c

ios

ios-charts