Flex :: Filtering Data Shown On Linechart?
Jul 8, 2009i 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.
View 4 Repliesi 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.
View 4 RepliesWhat I'm trying to do can be seen here, it's a simple OOP data visualiser which loads in an XML and displays the data in it. At the bottom you'll see 6 btns with which you can hide/unhide certain data and it works fine, but the problem starts when you disable multiple of the buttons (click the disable, and again to enable).
Say you've hidden the right-handed people (leaving 2 pinkish circles) and you then hide the female persons. The result will be that the visible (left-handed) woman will disappear, but the ones already hidden will reappear! I hide/unhide the circles based on their alpha value, but now that I've gotten to the point of filtering results, that doesn't seem to be the way to go..
Can I create a LineChart with multiple data providers? Since LineSeries has a dataprovider property, I'm assuming the answer is Yes
[Code]...
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.
View 1 RepliesMy JSON Data file ise data.txt
[
{
"sayim":"1",
"x":"400",
[code]...
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;
.
..
...
jsonDataArray = JSON.decode(urlLoader.data);
[code]...
The problem is "dataProvider" definition in LineChart, I wrote this code but it is still not working,
dataProvider="{dgg(sayim>=daySlider.values[0] && sayim<=daySlider.values[1])}"
what is the right code to control the LineChart with the Slider.
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?
View 1 RepliesI've search all over today trying to find how to do this, and not being familiar with actionscript is starting to catch up to me. What I would like to accomplish is: I have a list of messages in a Datagrid coming from a dataprovider in another class, which in turn gets them from our Oracle DB. I need to all the user to set a visible state on the message, and then filter that out of the datagrid with the click of a button. I have the check box for hide, and it sets that value into the database. I can't figure out how to get the filterFunction to work with an array collection when the filter parameter is within the row data.Here is the code
public function filterResults():void {
modelLocator.notification.messageList.filterFunction = filterRows;
modelLocator.notification.messageList.refresh();
[code]....
filtering one list when an "Artist" is selected in the other..
I also want to play the next video when the "Next Video" button is selected..
Here is a link to an example with a few videos.. [URL]
View source is enabled so feel free to grab the code..
how to build this app step by step using Flash Catalyst and Flash BUilder..
Anyhow, I'm not just taking, I plan on giving back in a major way..
So if the "evangalists" aren't too busy with their datagrids showing the true power and ease of use that the Adobe Framework is capable of..
I have an array that has 30 date objects. The date objects are indexed in the array from the minimum date value to the maximum date value. What I would like to do is retrieve only 7 dates from the array. Out of the 7, the first one should be the minDate and the last should be the maxDate, with 5 dates in the middle. The 7 numbers should increment evenly from the minDate to the maxDate.
View 1 RepliesI think using sliders is an interesting way to give the user a better way of filtering the data like the ones used atUsing check boxes and drop downs also seem to work as it can improve the users search/filter experience.What is the best approach/methodology to use to build this sort of Flash solution? I want to build simple interfaces that can be used anytime with pre-defined data that the user can organize or filter by various different categories. Examples I can think of are product, house or holiday searches using categories such as price, quanity etc.
View 10 RepliesI want to create a Flash file so a user can check boxes to filter what images are displayed--the (unfiltered) images would come from an XML file. Or, a MySQL database if that's easier. Is this possible? If so, how?
View 3 RepliesFor a demo I have an html form that sends data to an action page. This information needs to be written on a scanned image and this we are going to do with flash. What is the best way of doing this?
View 1 RepliesI 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.
View 2 RepliesI 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"
[code].....
This is my array collection
[Bindable]private var Projects:ArrayCollection = new ArrayCollection( [
{ Department: "Software", TotalProjects: 73,Completed:30,Inprogress:30,Approved:13},
{ Department: "XML",TotalProjects: 50,Completed:20,Inprogress:20,Approved:10},
{ Department: "Publishing",TotalProjects: 25,Completed:5,Inprogress:10,Approved:10},
{ Department: "Indesign", TotalProjects: 70,Completed:30,Inprogress:30,Approved:10},
{ Department: "Imaging", TotalProjects: 42,Completed:30,Inprogress:10,Approved:2}]);
[Code]...
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?
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.
View 1 RepliesI 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.
View 1 RepliesI 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?
View 6 RepliesI'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)):
[Code]...
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?
View 4 RepliesI 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;
[Code].....
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},
[code].....
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.
View 2 RepliesI'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).
I'm trying to create some sort of rangking. For this, I'm using a multilevel xml which I create with a php file.
[Code]...
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:
<mx:SolidColorStroke id = "s1" color="haloGreen" weight="2"/>
<mx:LineSeries yField="v1" form="curve" displayName="Indoor Temp" lineStroke="{s1}"/>
^ 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 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);
[code].....
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 ?
View 1 RepliesI have an Air app that downloads a data set of around 100`000 objects and puts the objects in an ArrayCollection.I would like to apply various filters to the data set in numerous screens throughout the app. am a little worried about possible performance issues if I make multiple copies of the collection. However, if I don't copy the collection any filters applied will be reflected in all the screens and this is not the behavior I need.
View 3 Replies