Flex :: Flex - LineChart Broken Line With DateTimeAxis?
Apr 12, 2011
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 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'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 problem zooming in on a line chart with a dateTimeAxis as horizontal axis. I want to zoom in and out, by setting the minimum and the maximum attribute of the dateTimeAxis with a slider. The date labels change as should, but the lines disappear as I set the minimum or the maximum. Here's a part of the code I have:
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 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},
I want to show a full 24 hours along the datetimeaxis wherever the values fed into it happen to fall. I thought that setting the minimum and maximum of a datetime axis on the chart would have that effect.
so I have private function loadDayComplete():void{ //called when data is reloaded. also includes reassigning the dataprovider of the chart.
[Code]...
When I load up the function though it doesn't plot any points when the min and max are set. If I take out the minimum and maximum they show up fine! I double checked in debug mode that the minChartDate and maxChartDate are what they should be.. but maybe I'm misunderstanding how minimum and maximum are supposed to function... I also tried widening the min/max to include several days and still no luck. I also tried assigning the min/max when the chart data changes like so:
I've been trying for a while to set the number of labels being shown with a datetimeaxis being used for the y-axis. Unfortunately, I'm not able to get the desired behaviour.I'd like to have the y-axis separated into days (i.e. a tick on the axis for each day). However, it is spacing them out one week at a time. I have tried setting labelUnits and minorTickUnits to "days" but no joy.
I have a chart that uses a DateTimeAxis for the x-axis and a renderer defined for it. I also have a function defined for the label on the axis but I am not able to get the labels to show.
Trying to print out a static time to test working.
private function timeAxisLabelFunction(obj1:Object, obj2:Object, axis:IAxis):String { return "9:30AM"; }
[Code]....
Apparently, the font family I was using doesnt support a font style that is used in the renderer. Not sure what style attribute it is yet.
I have a chart with X-axis showing timeline and Y-axis showing value for an object. The time line values are in 'milliseconds'. I have give the user a way to select timeline, user can select a day/week/month/months. So, in my Chart I want to show all the data points for the selected range but want to limit the date labels displayed on the X-axis. For Ex: if user selects a week, I want to display Mon to Sun on the X-axis. And if user selects a day, want to display a label for every 3 hrs like that...
I guess it is possible if only, I look at the selected time range at run-time and based on the starting (t1) and end (t2) time, I make a decision. Is there any API available in Flex's DateTimeAxis to achieve this ? Or any other ideas on how to get this working ?
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 in flex 3 chart component to display both the date and time using horizontal DateTimeAxis?
Currently the DateTimeAxis element has an attribute dataunits which allows to set the value to any of "milliseconds|seconds|minutes|hours|days|weeks|months|years" but I want to display the label as "2009/09/15 06:00:00" which includes the day and the time too.
I am working with a Flex DateTimeAxis. I have a scenario where the DateTimeAxis sometimes creates duplicate months on the Axis. The month label unit is generated based on a min/max value that is supplied to the DateTimeAxis, it is NOT generated by the series data as far as I can tell. In other words, the duplication does not exist within the data supplied to the chart, but is part of automatic label generation process that DateTimeAxis will execute when supplying a min/max value for the axis.[code]...
I'm working with an AreaSeries + DateTimeAxis in Flex 4. The dates for the time axis originate from a server in another time zone. I'd like to see the graph (in my local time zone) displayed using the server's time zone.I know that I can set the DateTimeAxis.displayLocalTime property to true or false, to have dates displayed in the local or UTC time zone. But the time zone I want is neither of those.Is there a simple way to make DateTimeAxis work with another time zone? Or even a complicated way?
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'm working with an Adobe Flex project and I have data I'm plotting against a DateTimeAxis (X-axis) but because there are a lot of points, I have to do some manipulation and remove some objects in the array (I do this by copying data to another array, removing items, then copying the new array into the original array). However, sometimes after I do this, the date labels disappear off of the x-axis! Why does this happen? I look through my array and I cannot find a reason its occurring (no objects with nothing in them, everything appears in chronological order).
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 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'm using a CartesianChart with a DateTimeAxis to display weekly data in a Flex application.When I set dataUnits="weeks" and labelUnits="weeks" on the DateTimeAxis, it automatically places each major tick on a Sunday. However, I would like to provide users with the option of beginning the week on a Sunday or a Monday. How can I ask the DateTimeAxis to instead place the major ticks on a Monday (or some other day of week)?For example, if the user is looking at total sum of something over the week, and requests that weeks start on a Sunday, the Series data would look like:
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?