iOS的折線圖：ARLineChart

jopen 10年前發布 | 74K 次閱讀 iOS開發移動開發 ARLineChart

ARLineChart是一個iOS的折線圖，使用Objective-C編寫。適用于需要有雙Y軸的應用場景。 x軸和y軸可以放大和縮小，可以滾動，雙擊可以還原原始大小。

如何使用？

1、將“ARLineChart”文件夾內所有文件加入到工程中即可。

2、在需要的地方引入頭文件：

#import "ARLineChartView.h"
#import "ARLineChartCommon.h"

3、初始化數據源，例如：

NSMutableArray *dataSource = [NSMutableArray array];
double distanceMin = 0, distanceMax = 100;
double altitudeMin = 5.0, altitudeMax = 50;
double speedMin = 0.5, speedMax = 15;

srand(time(NULL)); //Random seed

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

    ARLineChartItem *item = [[ARLineChartItem alloc] init];
    double randVal;

    randVal = rand() /((double)(RAND_MAX)/distanceMax) + distanceMin;
    item.xValue = randVal;

    randVal = rand() /((double)(RAND_MAX)/altitudeMax) + altitudeMin;
    item.y1Value = randVal;

    randVal = rand() /((double)(RAND_MAX)/speedMax) + speedMin;
    item.y2Value = randVal;

    NSLog(@"Random: item.xValue=%.2lf, item.y1Value=%.2lf, item.y2Value=%.2lf", item.xValue, item.y1Value, item.y2Value);
    [dataSource addObject:item];
}

4、初始化折線圖視圖：

CGRect rect = CGRectMake (5, 40, self.view.frame.size.width - 5 - 5, 300);
self.lineChartView = [[ARLineChartView alloc] initWithFrame: rect dataSource: dataSource xTitle: @ "Kilometre" y1Title: @ "Altitude (meters)" y2Title: @ "Speed ??(km / h)" desc1: @ "Altitude" desc2: @ "Speed"];
[self.view addSubview: self.lineChartView];