核心地图温度梯度线

时间:2014-12-13 20:10:13

标签: ios core-plot

我想在附加图像中实现渐变效果。enter image description here

我试图改变对象lineGradient的{​​{1}}。但无法达到同样的效果。

你会怎么做?

2 个答案:

答案 0 :(得分:3)

尝试使用线条样式的lineFill属性。您可以使用渐变或图像来提供填充图案。

答案 1 :(得分:2)

我相信问题@ oleg-danu可能没有在他的渐变上设置角度。另一方面,使用图像填充似乎有奇怪的剪辑问题。以@ eric-skroch的答案为基础:

CPTColor *red         = [CPTColor colorWithCGColor:[UIColor redColor].CGColor];
CPTColor *orange      = [CPTColor colorWithCGColor:[UIColor colorWithCrayola:@"Orange"].CGColor];
CPTGradient *gradient = [CPTGradient gradientWithBeginningColor:red endingColor:orange];
gradient.angle        = 270.0; // This is critical for red at the top, orange at the bottom

CPTMutableLineStyle *lineStyle = [plot.dataLineStyle mutableCopy];
lineStyle.lineWidth            = 3.0;
lineStyle.lineColor          = [CPTColor colorWithCGColor:[UIColor redColor].CGColor];
lineStyle.lineFill             = [CPTFill fillWithGradient:gradient];
plot.dataLineStyle             = lineStyle;

此行是使用渐变创建的: Line with gradient

此行是使用图片创建的,并且存在剪切问题: Line with image