Flex :: Charts - AreaChart Gradient Fill Not Applying Ratios Correctly
Sep 27, 2011
When doing a gradient fill on an area chart, the gradient ratios are used only between the min and max of the chart. The area below the min is then filled with the last color in the gradient.
To make sure that it was using the ratios only between the min and max I inserted a zero (0) into the chart and the gradient expanded to the full height. I also checked the gradient values by creating a with the gradient fill.
How do i get the ratios to be effective through the entire fill not just between the min and max?
let's say i have this object on stage and it is called myShape and i want to manipulate it via action-script and apply a gradient color to it .. no if it is a fill color i could have used the colortransform method but i don't think that it will work ..
import flash.geom.* import flash.display.* var fillType:String = GradientType.LINEAR;[code]........
now when i test this i don't get any errors but i doesn't apply any thing ..
I'm trying to create spinning rays in actionscript to use in my website.Below is the rough idea of what i'm trying to create.Is it possible to create absolutely with 0 images.Following is the actionscript code in which i couldn't figure out how to add gradient, transperant background and little radial gradient to create glow effect.
Code:
function CreateRays():Shape { var ray:Shape = new Shape(); ray.graphics.beginFill(0xFF9900,.5); ray.graphics.lineStyle(1,0xFF9900,.5);
[code]....
If you paste above code in 1st frame of your scene with nothing on your scene, it will give you sweet rotating rays!
I want to create a daily build chart with 1 column as 1 build, 1 build will have 3 series for eg feature 1, feature 2, feature 3. Now i need to fill the color of the series dynamically based on the feature is pass or fail. for eg if in a particular build feature 1: Pass, feature 2: Fail, feature 3:Fail then the color sequence of the column will be green, red, red. how to implement this logic and where? (if in fillfunction)
I am trying to construct a line dynamically, with a start and end gradient. I want to avoid using a GradientBox, as the lines are dynamic. All I want to do is have the line start red, end blue. This code does not work though :(
I am trying to use AlivePDF to save a chart into a .pdf file. However, when I try to save my chart, it ends up clipping half of the chart in the pdf so it isn't even fully visible. It seems that the screencapture that AlivePDF took to generate my pdf was too small.I am trying to get a chart from a sample to work with sample code for using alivepdf that I picked off the web.[code]
I've got a question about a swf that needs to be opaque. I've got a gradient fill in the .swf that creates a nice background. But I want to import this file in a flash/xml website and the file has to be opaque in order to work properly.
This is the code: import flash.display.StageAlign; import flash.display.StageScaleMode; import flash.display.GradientType; import flash.display.SpreadMethod; import flash.display.InterpolationMethod; import flash.geom.Matrix; [Code] .....
Right now I just have a single color as its background via textarea.setStyle("backgroundColor", "0xe3ecca") However, is it possible to say, create a gradient (the only way I know how to do so is with the beginGradientFill that you use while using the drawing API) as a variable and then apply that as the background to the TextArea component somehow?
How do I rotate my gradient around so its not always a left/right gradient? What value do I manipulate? I want to learn how to rotate to specific angles.
I have a graphic symbol of a circle that has a radial gradient fill of yellow to red. All I want to do is have it change from yellow to red to red to yellow. I tried the advanced color settings but that doesnt quite do what I want. With the color settings.. it changes the complete tint of the object. I want it to look like it is tweening the gradient not the object. So if the object had a yellow center with a red outer edge I want it to chenge to a red center with a yellow outer edge. How do I accomplish this?
Basically I redraw a circular object ("moon") every frame, reposition it and rotate it. I want a gradient fill that's offset to the left (-x) by the circle's radius. Instead of wasting your time talking about what I think it might be, I'll just show you the code . . .
For simplicity's sake, I've changed the colors to blue, red, green (in that order). Only the last one's showing up. I've tweaked the vales in the matrix itself for hours, but I can't really change anything. I can get the gradient fill to center on the circle, but that's the best I've done so far . . .
ActionScript Code: var centerX = Stage.width/2; var centerY = Stage.height/2; var radX = 210;
Is there a way to customize / influence / set a gradient fill for an object? I want to have a gradient background take on different colors depending on an input value... If there is a way, then an explanation / example would be nice... if not, I'll just put a semi-transparent object infront of a black-to-white gradient and assign a solid color to it..
I'm trying to draw a gradient in Flash using beginGradientFill and drawRect, but when the rect being drawn is partially outside the bounds of the parent, the gradient isn't drawn at all.
For example, consider the code below: function testGradient():void { var g:Graphics = container.graphics; var width:Number = container.width; var height:Number = container.height; [Code] .....
When the rectangle being drawn lies within the bounds of container, everything works: However, if the rectangle lies outside of the bounds of the container, the gradient isn't drawn at all. For example, if the code is changed to: ... var x:Number = 10; var y:Number = 10; ... Then the gradient disappears: Short of doing the math required to draw the box inside the bounds of the parent (and fixing up the gradient so it looks correct), is there any way to deal with this?
I am plotting an AreaSeries and a LineSeries on a AreaChart using Flex 3 in built chart components. I want to code a custom item renderer for LineSeries to be shown at the intersection points where LineSeries crosses AreaSeries.
I intend to apply a linear gradient via actionscript to an image (.png) with transparent areas. Of course, I previously converted this image to a movieclip. So I actually want to apply the gradient fill to the container movieclip, which has the instance name of "flower". Here's the code:
[Code]...
There must be something wrong with my code because nothing happens when I call the myFunc() function. the more time I'm spending on trying different variations of these variables, the more frustated
and i want to show these values on the Yaxis and months on Xaxis....
I have two Qns,
1) how can I pass this array to Bar chart or column chart.
2) how do I need to show months on Xaxis. beacuse I'm asking this regarding, I have kept a filters that even if we want to see some months or a particular months or perticalar span of months... there on Xaxis it need to change the months dynamically depending on the filters..... (for ex, on Xaxis the values should be (Jan, Apr, Jun,Oct) if i select the 3 months period filter....)
I have written a logic to collect the values of those particular months into an array, but not understading how to pass this array to Bar chart,, beacuse there I don't know what Xfield and Yfield to be given....
my first time trying to draw a multi-color gradient in actionscript 3. So I got this code from the help docs, but I can't seem to get a vertical gradient, whatever formula or number I use for rotate, it stays stuck on the default horizontal gradient :(
I want to give a good look and feel to the flex line charts. How to show it more attractive. I have done everything, now i want to show it more attractive/rich look and feel. can you guys provide me any samples.
I'm creating a small size Flex movies which contains two line charts, at the moment the size of the release build swf is 343KB, which is too large for our needs.
I've tried changing the loading of the SWC file to Runtime Shared Libraries, but I found that this removed the text of the charts (the text for the x and y axis). Why would the text be removed when the Framework linkage is set as a Runtime shared library?
