how can i create mx:LineSeries dynamically depending upon array collection values. Now only 4 line series is there but some times i have to show more as per the array collection values change ex: if one more status HoldProject added to array collection?
I am implementing a LineChart in FLEX 4. I have the chart working well except I do not like the default colors and cannot use them, as they do not relate to my data very well. For instance, Orange is not a great default color for my data column "Outdoor temperature". I would rather override it and use a green color if possible.
When I explicitly specify the SolidColorStroke, like so, this breaks the LineChart Legend:
^ With this code, The LineChart Legend stops displaying the color for that specific LineSeries, and only displays in black.
How can I override the LineSeries stroke color and persist those colors to the Legend's display?
Is this a FLEX 4 bug? I noticed in FLEX 3 examples (even on Adobe's FLEX 3 Help website) you can override the stroke colors and it persists to the Chart Legend.
I have a LineChar, with one LineSeries, on which i am drawing values ( Y axis ), on specific time ( X axis ).The problem is that i don't wanna the points which is distanced on a specific distance in time ( let say 6 hours ) to be connected.Is there a way to make LineSeries with DateTimeAxis not connecting points distanted in specific time ?
I have a LineChart with a DateTimeAxis as horizontalAxis and a maximum set. If a point is beyond the maximum date, the whole segment will not appear. Yet, is there a way to make it appear until it reachs the border of the chart?The code here :
<?xml version="1.0"?> <!-- Simple example to demonstrate the DateTimeAxis class. --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
I need to create LineChart that display datetime points, for example:
public var stockDataAC:ArrayCollection = new ArrayCollection( [ {date: "2005,7,27,22,15,30", close: 41.71}, {date: "2005,7,27,22,16,30", close: 42.21},
In a LineChart in Flex you can set a LineSeries to interpolateValues="true" what this does is connect missing values so you do not have gaps in your line. But what I would like is for it to insert 0's for the missing fields instead of drawing a direct line to fill the gap.
I need to recalculate the max value of lineChart according to the visible lineseries. In the application I have the ability to make visible or not the lineseries of the graph and if I make not visible the lineseries with the actual top value I want to zoom in and change the top value of the graph.
I've created a Flex LineChart that shows high and low tide predictions over time. I'm using the LineSeries with form="curve", which produces a nice sinusoidal wave graph, representing water level over time. The X-axis represents time, and the Y-axis represents water level. The only data points I have to work with are high and low tide values, but I would like to figure out how to determine the y-values of arbitrary x-values along the line.[code]
You can easily set a stroke on a line series like this:
[Code]...
This will set alpha for the entire stroke to .8 But I want to be able to set a different alpha on the stoke for each plot based on something in the dataProvider. For example the yField in the lineSeries is "Apple" which is how it knows where to plot for the lineSeries. I want to be able to add something like alphaField which tells it what to set the stroke alpha for each plot.
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 have a line series in a linechart and a slider that goes from 0 to 200. When I now move the slider, I want to have a dot appearing at the chart so when I move the slider to 150, there should be a dot where the x-coordinate of the chart is 150.
Is there a way to break the line in a line-chart, if the gap between 2 values on the x axis is bigger then a given value? For example there are 20 values but the first 13 are close to each other on the x axis and should be connected with a line, but the other 7 are a bit far from these and should be connected with another line. The type of values are the same.
I have a line chart with 4 line series with diamond, circle, box and triangle as item renderer for the plots for these 4 line series.Now my requirement is I want to show labels for the plots in the chart. It should be like this : I tried with some item renderes but not getting it correctly since I want to use the circles and triangles to render the plots.
i am working on a line chart on flex which enable me to view the progress of data according to the year. I have tried using a slider to filter but it doesn't seemed to work.
I have a Flex3 LineChart component using an CircleItemRenderer and the datapoints are being cut off because they are too close to the edge. Here's what it looks like: [URL] As you can see, the circles on the left and right sides are being cut off. How can I make the LineSeries area, plus the horizontal labels, narrower so it fits in the chart area?
I'm doing some line charts in my Flex application, and I need to draw segments of those line chart in different color. Does anyone have an idea how this could be achieved? For instance, if I have a code like this (actually, I have given this trivial example for simplicity (the problem is the same)):
I'd like to put a label to each LineSeries on my Flex LineChart so it will be shown next to the line (along it). Any relatively easy way to archieve that?
I have a line chart in flex with a dateTime axis. I am setting the dataprovider to that linechart via actionscript. The graph gets drawn. The problem occurs when i assign a null to the dataprovider so that the graph becomes empty.
Actual code looks similar to the code below :
var actualValues:XMLList=flowChartDP.upFlows; var localSeries1:LineSeries = new LineSeries(); localSeries1.dataProvider = actualValues;
I need to be able to animate a LineChart based on the SeriesInterpolate data effect (I will have an Array of dataproiders). I want to have a "Play" button that will:
initialize the LineChart with the first dataprovider in the array start the animation and wait for the animation to finish before loading the second data provider repeat the process until all data providers in the Array are loaded
I am using FlashDevelop to develop flex applications and wanted to paint a LineChart in a panel. I used an example of Adobe itself to be found here. When I compiled it FlashDevelop showed the following output file type was not found or was not a compile-time constantFor Both LineChart and AreaChart.Can someone tell me why this happens? I also tried it in the code by importing mx.charts.LineChart, my code completion found the classes but when compiling the same error occurs.
How do you display data on a LineChart that cuts off where there is no more data? For example, if I am showing a chart of company revenue for 2010, the chart should only show up to July now (with August and forward on showing no data). This would make the line in the line chart break and dissappear off at about midway through the year.
and my aim ise to create a Slider which can change starting and ending of the graphic, it is like what is showing in figure 6 in this website and here the MXML codes;
I'm new to Flex. I've been graphing multiple series in a line chart where all of these series are the same length. Now I need to plot new data and each series has a different length from each other. The question is how to modify the following code to do this.
The initApp() function is called at the start of the program, and it calls function genData() to generate the dataSet used for plotting in the LineChart.
public function initApp():void { // Initialize data provider array. dataSet = new ArrayCollection(genData());
[Code]....
Can someone recommend how to place array1, array2, array3, and array4 into x1, y1, x2, y2 (respectively) when the length of array1 and array2 do not equal that of array3 and array4? Or, equivalent outcome.
I'm assuming everything has to come in through dataSet, but I wonder if it's possible to simply reference array1 (etc.) directly from <mx:LineChart ...> or <mx:LineSeries ...> somehow, to avoid wasting memory on an unnecessary array (e.g. dataSet).
why the data points on the LineChart don't line up with the corresponding tick mark / horizontal axis label? See adobe's example (at the bottom of the page):[URL]See how the data for 7/28/05 is to the right of the 7/28/05 tick mark / label?
I wrote a function to override y FLEX LineChart's datatips because the default datatips were ugly and rather boring.I finally set the style I wanted but am now having some problems removing un-necessary tags from being displayed in the custom datatips.For example, the datatips now display things like this:
"<b>Humidity</b></BR>2010-07-05T00:15:00"
I can always perform a "Replace()" to remove those break and bold HTML tags, but that seems really un-necessary and anti-development.I am using this to set the dataTip's label text:
var hd:HitData = value as HitData; var item:LineSeriesItem = hd.chartItem as LineSeriesItem; _xAxisText = String(hd.displayText + ' ' + item.xValue);
I am trying to: 1) create a dynamic property 2) bind that property to a label This works great for "sealed properties", but for dynamic properties there doesn't appear to be any event triggered. Are dynamic properties implicityly not bindable?
var myObj:MyType = new MyType(); // MyType is dynamic myObj["myDynamicPropertyName"] = "initialized"; BindingUtils.bindProperty(myLabel, "data", myObj, repeatedLabel.name); // myLabel now displays "initialized" myObj["myDynamicPropertyName"] = "changed"; // myLabel still displays "initialized", it should say "changed" !!!