@xyfeng Hello and thanks for your project. I made it work within my project, but I have a problem setting a colour to a slice. It seems impossible to set a custom colour to a slice. In my case, I am dealing with 2 slices only, but no matter what I try to do, the colours are always 2 shades of red, lighter and darker. I tried with @synthesize pieChart = _pieChart;and then with @synthesize pieChart = _pieChartCopy; but it nothing changed even when I change the array slice colours:

self.sliceColors =[NSArray arrayWithObjects:
                       [UIColor colorWithRed:229/255.0 green:66/255.0 blue:115/255.0 alpha:1],
                       [UIColor colorWithRed:148/255.0 green:141/255.0 blue:139/255.0 alpha:1],
                       //[UIColor colorWithRed:50/255.0 green:205/255.0 blue:50/255.0 alpha:1],
                       //[UIColor colorWithRed:220/255.0 green:20/255.0 blue:60/255.0 alpha:1],
                       nil];

Please consider my issue and I am looking forward to a response from you. Thanks in advance.

Using reloadData during an animation didn't reload the pie chart, meaning added slices would be missing. This makes reloadData work during animations.

I positioned the labels to appear outside the pie slices. Now I would like to be able to also select the text in order to select a pie slice. I tried getting coordinates of each text label but strangely each label has the same cgpoints.

see below, if the slice size is not large enough to contain the slice text size, it will not be displayed....

I try to comment the codes below and allow to display text, but it seems that the text is covered by its sibling slices...... faint, is there any way to fix this?

Can we put the text layer above all the slice layers ???? so it won't be covered. thansk.

• (void)setShowPercentage:(BOOL)showPercentage { _showPercentage = showPercentage; for(SliceLayer _layer in _pieView.layer.sublayers) { CATextLayer *textLayer = [[layer sublayers] objectAtIndex:0]; [textLayer setHidden:!_showLabel]; if(!_showLabel) return; NSString *label; if(_showPercentage) label = [NSString stringWithFormat:@"%0.0f%%", layer.percentage_100]; else label = (layer.text)?layer.text:[NSString stringWithFormat:@"%0.0f", layer.value]; CGSize size = [label sizeWithFont:self.labelFont];

  if(M_PI*2*_labelRadius*layer.percentage < MAX(size.width,size.height))
  {
      [textLayer setString:@""];
  }
  else
  {
      [textLayer setString:label];
      [textLayer setBounds:CGRectMake(0, 0, size.width, size.height)];
  }
  

  } }

I had trouble keeping the labels readable for brighter chart colors.

This adds two ways to fix that: Changing the label color, or adding a text shadow for better contrast

Hey!

I played with your component and i have to say nice work so far. The only thing that miss in this component is the ability to add texts on each slice.

Cheers, I.

I was looking at this excellent control in in the simulator and noticed that the transition from one highlighted segment to another seemed a little off. I noticed that the touches were being resolved to self, rather than the _pieView, which may have been causing the slight offset issue. I have updated the code to resolve touches in the _pieView and now it changes they highlighted segment as soon as my pointer (running in the simulator) crosses a boundary.

I wanted to customise display style for selected slices in a chart.

I applied scale transform, but it's not working as expected by default.

What I see is that bounds of SliceLayers are CGRectZero, so setting anchor point on layer does not help.

I've managed to get the animation that I want by setting bounds and position values of SliceLayer objects accordingly, then applying scale transform.

I think it would be appropriate to set bounds for SliceLayer s in reloadData method. What do you think? If it's ok, I could implement and send a pull request..

Besides that, I propose to implement an interface which enables users to customise selected/deselected slice animation behaviours. Currently, you are applying a translation to position property of layers. However, it could be any generic CATransform3D struct, therefore the library will have a much more flexible interface.

Maybe we can define two public CATransform3D properties like this:

@property (nonatomic, assign) CATransform3D selectedSliceTransform; @property (nonatomic, assign) CATransform3D deselectedSliceTransform;

I'm open to suggestions..

By the way, thanks for the great library!

Made it really easy to create a pie chart from a dictionary of entries, and added ability to add a key chart view of the pie chart based on the dictionary.

The following is an example of setting up a pie chart based on a dictionary.

_roundsWonLostPieChartView.colorDict      = @{@"Rounds Won": UIColor.redColor,                                         @"Rounds Lost" : UIColor.blackColor };
_roundsWonLostPieChartView.dataSourceDict = @{@"Rounds Won": @(m_playerStats.roundsPlayed - m_playerStats.lostRounds), @"Rounds Lost" : @(m_playerStats.lostRounds)};

_wonPointsInRoundPieChartView.colorDict      = @{@"Won 1 Point": UIColor.redColor,              @"Won 2 Points" : UIColor.blackColor,            @"Won 4 Points" : UIColor.blueColor };
_wonPointsInRoundPieChartView.dataSourceDict = @{@"Won 1 Point": @(m_playerStats.wonRounds1pt), @"Won 2 Points" : @(m_playerStats.wonRounds2pt), @"Won 4 Points" : @(m_playerStats.wonRounds4pt) };
_wonPointsInRoundPieChartView.keyOrder       = @[@"Won 1 Point", @"Won 2 Points", @"Won 4 Points"];

The following is an example of dynamically creating a key legend based on the dictionary and adding it to the right of the pie chart.

    CGPoint point   = CGPointMake( xyPieChartView.frame.origin.x + xyPieChartView.frame.size.width, xyPieChartView.layer.position.y );
    UIView *keyView = [xyPieChartView makeLabelKeyViewAtPoint:point boxCornerRadius:2.0];
    CGRect  frame   = keyView.frame;
    frame.origin.y -= frame.size.height/2;
    keyView.frame = frame;

    [_scrollContentsView addSubview:keyView];

Hi,

I'm having an issue where pieChart:textForSliceAtIndex is not called. In my code, I created the pie chart programmatically and assigned delegate and dataSource but the method was not called. 'valueForSliceAtIndex' and 'colorForSliceAtIndex' were called though.

Here's my code (I'm using RubyMotion btw)

view = UIView.alloc.initWithFrame(self.view.bounds)
view.backgroundColor = UIColor.whiteColor
view.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight

@pieChart = XYPieChart.alloc.initWithFrame([[340, 100], [400, 400]])
@pieChart.pieRadius = 200
@pieChart.delegate = self
@pieChart.dataSource = self
view.addSubview(@pieChart)

self.view.addSubview(view)

Thanks.

I might be missing something here but I can't seem to add a chart without using interfact builder. I've tried

[self.view addSubview:_chart];

but to no avail. Also tried looking for a subview in the _chart object that I could use but again no luck.

Hi, I was trying to use the pie chart in UITableViewCell, and was wondering what are the equivalent functions/methods for viewWillAppear/viewDidAppear/viewWillDisappear/viewDidDisappear in order for the pie chart to appear? Thank you!

Hi, Thank you for making such a great library for pie charts. I wanted to know that is it possible to change the radius of the individual elements on the graph using your library. Thanks in advance.

Hi, thank you for making such a cool library for pie charts. i came in a problem and i wanted to know if it can be done through this library. i need to draw this sort of pie chart, is it possible to make this using your library? thanks in advance

Incompatible pointer types initializing 'CATextLayer *' with an expression of type 'CALayer * _Nullable'.

Just need casting to (CATextLayer *) or (SliceLayer *)