area chart gradient help

[derrick]

Can a gradient be applied to an area chart? I'm looking at the iOS demo app and the double curved area chart example has very faint gradients for the red and blue (see attahced). Can I specify what the gradient range should be with "hard" hex values or is there a way to define 1 hex value with opacity or alpha values, like 100% - 40% ? 

In the attached image the red is #fff3f3 (lightest) at the top -to- fbdfdd (darker)

[Sophi]

Hi Derrick,

Thank you for contacting us.

Yes, gradient can be applied on area chart. The gradients from the image are the default area colors that the chart uses, you can set your custom fill through the palette property of the series. Consider the following code snippet.

TKLinearGradientFill *fill = [TKLinearGradientFill
                                  linearGradientFillWithColors:@[[UIColor colorWithRed:0.f green:1.f blue:0.f alpha:0.6f],
                                                                 [UIColor colorWithRed:1.f green:0.f blue:0.f alpha:0.6f],
                                                                 [UIColor colorWithRed:0.f green:0.f blue:1.f alpha:0.6f]]];
    areaSeries.style.palette = [TKChartPalette new];
    TKChartPaletteItem *item = [[TKChartPaletteItem alloc] initWithFill:fill];
    [areaSeries.style.palette addPaletteItem:item];

You can read more about chart customizations in our online documentation. One of the topics in this article is exactly working with fills including gradients.

I hope this covers your case.
If you have any other questions, do not hesitate to contact us.

Regards,
Sophi
Telerik