Excellent charting framework For iOS Platform. Support animation, click, slide, area highlight.
Objective-C HTML JavaScript C Ruby Gnuplot CSS
Switch branches/tags
Failed to load latest commit information.
Example fix: homebutton click without animation Sep 28, 2017
XJYChart Update XJYCycleView.m May 15, 2017
photos update readme May 14, 2017
stats new May 6, 2017
.gitignore fix gitignore May 6, 2017
.swift-version fix May 6, 2017
LICENSE new May 6, 2017
README.md update readme Jul 3, 2017
XJYChart.podspec V 1.1.0 May 12, 2017


fun release Version Platform License

XJYChart - A High-performance, Elegant, Easy-to-integrate Charting Framework.

XJYChart can give App more interactive, it supports touch, slide. Unlike other charting frameworks, XJYChart uses a component-based design that is very solid, giving XJYChart an easy iteration feature. Support the beautiful animation effect, have the perfect event response mechanism. And the performance is very good. Based on Core Animation. Easy to use, easy to modify. Elegant interface, smooth animation.


image image image image image image image


  • LineChart
  • BarChart
  • PositiveNegativeBarChart
  • PieChart
  • CycleChart


  • Animation
  • Touch
  • Scroll
  • Beautiful




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

pod "XJYChart"

Then, run the following command:

$ pod install

How to Use


XPositiveNegativeBarChart *barChart = [[XPositiveNegativeBarChart alloc] initWithFrame:CGRectMake(0, 0, 375, 200) dataItemArray:itemArray topNumber:@100 bottomNumber:@(-170)];


  • colorMode
+ lineMode
+ CurveLine
+ BrokenLine
- (instancetype)initWithFrame:(CGRect)frame dataItemArray:(NSMutableArray<XLineChartItem *> *)dataItemArray dataDiscribeArray:(NSMutableArray<NSString *> *)dataDiscribeArray topNumber:(NSNumber *)topNumbser bottomNumber:(NSNumber *)bottomNumber;


- (instancetype)initWithDataNumberArray:(NSMutableArray *)numberArray color:(UIColor *)color dataDescribe:(NSString *)dataDescribe;

LineGraphMode: MutiLineGraph AreaLineGraph

XLineChart *lineChart = [[XLineChart alloc] initWithFrame:CGRectMake(0, 0, 375, 200) dataItemArray:itemArray dataDiscribeArray:[NSMutableArray arrayWithArray:@[@"January", @"February", @"March", @"April", @"May"]] topNumber:@200 bottomNumber:@0  graphMode:MutiLineGraph];

Cycle Chart

- (instancetype)initWithFrame:(CGRect)frame;


XBarChart *barChart = [[XBarChart alloc] initWithFrame:CGRectMake(0, 0, 375, 200) dataItemArray:itemArray topNumber:@150 bottomNumber:@(0)];
  • BarChartdelegate
- (void)touchBarAtIdx:(NSUInteger)idx;


self.pieChartView = [[XPieChart alloc] init];
NSMutableArray *pieItems = [[NSMutableArray alloc] init];
NSArray *colorArray = @[RGB(145, 235, 253), RGB(198, 255, 150), RGB(254, 248, 150), RGB(253, 210, 147)];
NSArray *dataArray = @[@"iPhone6",@"iPhone6 Plus",@"iPhone6s",@"其他"];
XPieItem *item1 = [[XPieItem alloc] initWithDataNumber:[NSNumber numberWithDouble:20.9] color:colorArray[0] dataDescribe:dataArray[0]];
[pieItems addObject:item1];
XPieItem *item2 = [[XPieItem alloc] initWithDataNumber:[NSNumber numberWithDouble:14.82] color:colorArray[1] dataDescribe:dataArray[1]];
[pieItems addObject:item2];  
self.pieChartView.dataItemArray = pieItems;


Provide many colors In XColor.h ...


Update 1.1.0

Added slippery graph And Chart Animations Example

+ .CurveLine
+ .AreaGraph
+ .StackAreaGraph

Update 1.0.0

+ Add XCycleView   
  • touch
  • gradient

Use XIB or Code

- (instancetype)initWithFrame:(CGRect)frame;

Update 0.0.2

- Clear abandoned API
+ Add The positive and negative Bar Chart**


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