ZCharts

Usage

ZCharts 是一个图表库，能够很简单便捷的为应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。 ZCharts支持的图表类型有曲线图. 区域图、柱状图、饼状图、散状点图*稍后支持

To run the example project, clone the repo, and run pod install from the Example directory first.

Installation

IOSLib is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod 'ZChars', :git => 'https://github.com/zhuayi/ZCharts.git'

Example

#import "ZCharsManager.h"

准备数据

dataArray = @[
    @{
        @"data": @[@(120), @(132), @(101), @(134), @(90), @(230), @(210)],
        @"unit": @"°C",
        @"xAxis": @[@"周一",@"周二",@"周三",@"周四",@"周五",@"周六",@"周日"]
    },
    @{
        @"data": @[@(-1), @(182), @(191), @(234), @(290), @(330), @(310)],
        @"unit": @"°C",
        @"xAxis": @[@"周一",@"周二",@"周三",@"周四",@"周五",@"周六",@"周日"]
    }
];

// 
ZCharsManager *zcharsManager = [[ZCharsManager alloc] initWithFrame:CGRectMake(0, 20, self.view.frame
.size.width, 200)];

// 设置代理
zcharsManager.delegate = self;
zcharsManager.dataSource = self;
[self.view addSubview:zcharsManager];

// 选择绘制类型为曲线图
zcharsManager.zcharsType = ZCharsTypeLine;

###ZCharsManagerDelegate

行数

- (NSInteger)rowContInZCharsManager:(ZCharsManager *)zcharsManager;

每列宽度

- (CGFloat)columnWidthInZCharsManager:(ZCharsManager *)zcharsManager;

刻度区间, 最大值,最小值, 不设置则自动计算

- (ZChasValue)valueSectionInZCharsManager:(ZCharsManager *)zcharsManager;

间距

- (UIEdgeInsets)rightInsetsInZCharsManager:(ZCharsManager *)zcharsManager;

滑块 view

- (UIImageView *)paopaoViewInZCharsManager:(ZCharsManager *)zcharsManager;

###ZCharsDataSource

line模式下每个 cell 绘制几条线

- (NSInteger)lineNumberOfInZCharsManager:(ZCharsManager *)zcharsManager;

线条颜色

- (UIColor *)lineColorOflineNumber:(NSInteger)lineNumber

曲线图数据

- (CGFloat)dataOflineNumberZCharsManager:(NSIndexPath *)indexPath lineNumber:(NSInteger)lineNumber;

X轴绘制文字

- (NSString *)xAxisOflineNumberZCharsManager:(ZCharsLineViewCell *)cell lineNumber:(NSInteger)lineNumber

###自定义style

自定义左侧刻度字体样式

NSMutableParagraphStyle *paragraph = [[NSMutableParagraphStyle alloc] init];
paragraph.alignment = NSTextAlignmentRight;
NSDictionary *fontDict = @{
    NSFontAttributeName :            [UIFont systemFontOfSize:10.0],
    NSForegroundColorAttributeName : UIColorFromRGB(0xa0a0a0),
    NSParagraphStyleAttributeName:    paragraph
};
zcharsManager.leftView.fontDict = fontDict;

自定义X 轴字体样式

NSMutableParagraphStyle *paragraph2 = [[NSMutableParagraphStyle alloc] init];
paragraph2.alignment = NSTextAlignmentLeft;
NSDictionary *fontDict2 = @{
    NSFontAttributeName :            [UIFont systemFontOfSize:10.0],
    NSForegroundColorAttributeName : UIColorFromRGB(0xa0a0a0),
    NSParagraphStyleAttributeName:    paragraph2
};
zcharsManager.rightView.XAxisFont = fontDict2;

曲线图

Author

zhuayi, 2179942@qq.com

License

IOSLib is available under the MIT license. See the LICENSE file for more info.