用于iOS图表的渐变填充Swift

Question

我正在尝试创建一个漂亮的渐变填充，如ios-charts页面上的演示中所示。但是，我无法在swift vs obj-c中解决这个问题。 这是obj-c代码：

NSArray *gradientColors = @[
                    (id)[ChartColorTemplates colorFromString:@"#00ff0000"].CGColor,
                    (id)[ChartColorTemplates colorFromString:@"#ffff0000"].CGColor
                    ];
CGGradientRef gradient = CGGradientCreateWithColors(nil, (CFArrayRef)gradientColors, nil);

set1.fillAlpha = 1.f;
set1.fill = [ChartFill fillWithLinearGradient:gradient angle:90.f];

现在这是我在swift中的版本：

    let gradColors = [UIColor.cyanColor().CGColor, UIColor.init(red: 0.0, green: 0.0, blue: 0.0, alpha: 0.0)]
    let colorLocations:[CGFloat] = [0.0, 1.0]
    let gradient = CGGradientCreateWithColors(CGColorSpaceCreateDeviceRGB(), gradColors, colorLocations)

我缺少的是： 图表填写fillWithLinearGradient

我无法在任何地方找到podWithLinearGradient，所以我有点困惑。

提前感谢您的帮助！ 罗布

Answer 1

这完全适用于（Swift 3.1和ios-charts 3.0.1）

let gradientColors = [UIColor.cyan.cgColor, UIColor.clear.cgColor] as CFArray // Colors of the gradient
let colorLocations:[CGFloat] = [1.0, 0.0] // Positioning of the gradient
let gradient = CGGradient.init(colorsSpace: CGColorSpaceCreateDeviceRGB(), colors: gradientColors, locations: colorLocations) // Gradient Object
yourDataSetName.fill = Fill.fillWithLinearGradient(gradient!, angle: 90.0) // Set the Gradient
set.drawFilledEnabled = true // Draw the Gradient

<强>结果

Answer 2

我相信这是您正在寻找的代码。您应该能够在Swift中使用相同的ChartFill类来设置set1.fill。

let gradColors = [UIColor.cyanColor().CGColor, UIColor.clearColor.CGColor]
let colorLocations:[CGFloat] = [0.0, 1.0]
if let gradient = CGGradientCreateWithColors(CGColorSpaceCreateDeviceRGB(), gradColors, colorLocations) {
    set1.fill = ChartFill(linearGradient: gradient, angle: 90.0)
}

Answer 3

快速4

let colorTop =  UIColor(red: 255.0/255.0, green: 149.0/255.0, blue: 0.0/255.0, alpha: 1.0).cgColor
let colorBottom = UIColor(red: 255.0/255.0, green: 94.0/255.0, blue: 58.0/255.0, alpha: 1.0).cgColor

let gradientColors = [colorTop, colorBottom] as CFArray
let colorLocations:[CGFloat] = [0.0, 1.0]
let gradient = CGGradient.init(colorsSpace: CGColorSpaceCreateDeviceRGB(), colors: gradientColors, locations: colorLocations) // Gradient Object
yourDataSetName.fill = Fill.fillWithLinearGradient(gradient!, angle: 90.0)

Answer 4

对于 Swift 5 ，请使用以下命令：

yourDataSetName.fill = LinearGradientFill(....
or
yourDataSetName.fill = ColorFill(...

您可以在此处阅读更多详细信息： Charts

Answer 5

请务必使用最新版本的ios-charts。如果你使用CocoaPods来安装ios-charts，请更改：

pod 'Charts'

到这个

pod 'Charts', '~> 2.2'