Ios 如何用渐变颜色的控制点填充贝塞尔路径

我需要用渐变色填充我的贝塞尔路径。但效果并不是我所期望的，我知道这是由绘图方向引起的

如何才能达到第二张图片的效果

我的bezierpath代码

        CGFloat deltaX = lineChartPoint.x - previousLineChartPoint.x;
        CGFloat controlPointX = previousLineChartPoint.x + (deltaX / 2);

        CGPoint controlPoint1 = CGPointMake(controlPointX, previousLineChartPoint.y);
        CGPoint controlPoint2 = CGPointMake(controlPointX, lineChartPoint.y);

        [bezierPath addCurveToPoint:CGPointMake(lineChartPoint.x, lineChartPoint.y) controlPoint1:controlPoint1 controlPoint2:controlPoint2];

我的gradientLayer代码

self.gradientLayer = [CAGradientLayer layer];
    self.gradientLayer.frame = CGRectMake(kVPadding, 0, CGRectGetWidth(self.bounds) - 2 * kVPadding, CGRectGetHeight(self.bounds));
    self.gradientLayer.colors = @[(__bridge id)[UIColor colorWithHex:0x8362FC alpha:0.9].CGColor,(__bridge id)[UIColor colorWithHex:0x517DF7 alpha:0.1].CGColor];
    self.gradientLayer.locations=@[@0.0,@1.0];
    self.gradientLayer.startPoint = CGPointMake(0.0,0.0);
    self.gradientLayer.endPoint = CGPointMake(0.0,1);
    [self.layer addSublayer:self.gradientLayer];

    self.gradientShapeLayer = [[CAShapeLayer alloc] init];
    self.gradientLayer.mask = self.gradientShapeLayer;
    self.gradientShapeLayer.path = bezierPath.CGPath;

---

@龙之思

到目前为止你都尝试了什么？你的代码看起来像什么？