基于BEMSimpleLineGraph的横向可滑动折线图

LNLineChartView实现功能

• 横线滚动,x轴为日期,最近一次展示在最后边,查看以前的需要右滑.默认选中最近一次节点
• 节点可点击
• 分页绘制,绘制时占用内存

BEChart为BEMSimpleLineGraph中实现

代码实现

//创建折线图
- (void)createLineChartView{

  chartView = [[LNLineChartView alloc] initWithFrame:CGRectMake(0, 100, self.view.frame.size.width, 208)];
    chartView.delegate = self;
    [self.view addSubview:chartView];
    
    NSMutableArray *chartDataArr = [[NSMutableArray alloc] init];
    for (int i = 0; i<100; i++) {
        NSMutableDictionary *dict = [NSMutableDictionary dictionary];
        if (i<20) {
            dict[@"star"] = [NSNumber numberWithInt:i%4];
            dict[@"playDate"] = @"2017-06-01 18:05:51";
        }else{
            dict[@"star"] = [NSNumber numberWithInt:i%4];
            dict[@"playDate"] = @"2017-06-04 18:05:51";
        }
        [chartDataArr addObject:dict];
    }
    
     chartView.starInfoArr = chartDataArr;
}

//实现折线图代理方法
#pragma mark - <LNLineChartViewDelegate>
//默认选中最近一次节点触发代理方法
- (void)refreshLatestObjectWithDateStr:(NSString *)dateStr star:(NSInteger)star
{
    
}
//节点点击事件触发的代理方法
- (void)chartViewDotsTouchWithIndex:(NSInteger)index model:(LNLineChartModel *)model
{
    [self refreshLatestObjectWithDateStr:model.playDate star:model.star];
}

linechart.png

附: demo github 下载地址 https://github.com/KrystalNa/LNLineChart