Actionscript :: Flex: Add Horizontal Axes To A Chart?
Apr 28, 2009
I have a dynamically created chart and I need to add a horizontal and vertical axis in a script. I can't put the chart into MXML because I'm dynamically changing the chart type, deleting and creating a new chart. Therefore, the variable that I use to create the chart, an instance of chartBase, doesn't have either a horizontalAxis or verticalAxis. How do I assign to them if they don't exist? Should I be using a different type? The graphs I want to use are line, bar, and HLOC and/or candlestick.
There is a serious issue I am facing with flash builder charts.
When I load the chart the first time I get this -
But if I refresh the page immediately in the same browser, I get this -
The second one is the expected one. This issue just repeats if I close the browser window and open it in a new browser window. For explaining properly, I am attaching the source code here -
Here is my question:I have a hybrid chart that uses bars and linesI want to add to the right vertical axis a horizontal line that represents a break even
I have a Flex Column Chart, which shows bars with each positive and negative values.I only want to have a horizontal line at 0 to distinguish between positive and negative values.I turned off all the axis.How could I achieve to get this line?
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:
I have a Flex Column Chart that has a range of 0 - 6 on the y-axis. I have added the following block to change the default colour of the horizontal grid lines to black.
This works fine for all but the horizontal grid line at the top of the chart (at y=6). If I change the maximum value for the y-axis to something different then this new max doesn't have the formatting applied (but all the others do).
how do I get the top line to be black like the rest of the grid lines?
I'm trying to prevent a default chart item roll over highlight in a Spark column chart.If you look at any of the chart examples on this page , when you roll over any of the chart series items, they turn a darkened shade of their original colour. This is what I want to prevent.
So far I have had no luck with using the itemRollOverColor property, as this only allows you to set it to one specific colour for the whole chart (my app has several different coloured series on the chart at once). Also, trying to leverage the itemRollOver event (with preventDefault() etc) hasn't worked either.
I'm trying to make chart which is combination of bar and line chart using Flex Charting API . Here x axis would be common and y axis would be different. note that y axis got different range of value one is % and other is amount. Any one got idea how to make this chart. Here line chart would be staked on top of bar chart . The line chart and never over laid or drawn on top of bar chart.
How can I Create an animated Bar Chart or Line Chart type of component in flash programmatically, which should depends upon an incoming XML data, the chart should have the basic criteria like, Chart Label, Item Tooltips, background grids (without using any image). There also needs an ability to change the data which should reflect the chart as well.
I have a flash application and I use papervision3d library. I put my objects to the scene, no problem but I also want to show the coordinate axes (x,y and z) to user. Is there any way to show these axes?
When I programmatically create a PlotChart starting w/ no series and adding series w/ own scaling and verticalAxes (and Renderers but not necessary for behavior error), the axes and data show, but the default axis controls all scaling and the other axes are erroneous. Thus, the yValue magnitudes do not correspond to their associated axes and mixing series w/ grossly different orders of magnitude squishes all but the largest into indistinguishable floor values. I cannot null out the default vertical axis as it gets an null pointer error. [Click anywhere on the chart to add the next series.]
package { /* * Attempt to dynamically create graph w/ varying series. Having difficulty getting axis to render correctly based * on sets of series. Having trouble getting more than one series. I can't munge the yValue property because in my * actual code all of the data elements are instances of the same class with properties akin to series, xValue, and yValue.
I'm trying to make a simple cube menu. The rotation is done by buttons. After finishing my code, im having some troubles with some rotations of the cube.
i'm having a problem with the displaying of the x & z axes coordinates. it seems that when i am in postive x & z the always have negitive coordinates displaying. it seem that the whole x n z axes have a wrong coordinates. is there any way to solve the problem to the following code? or are there ways easier to rewrite the code?
Code: onClipEvent (load) { // position of origin origin_x = 300; origin_y = 200;
i'm having a problem with the displaying of the x & z axes coordinates. it seems that when i am in postive x & z the always have negitive coordinates displaying. it seem that the whole x n z axes have a wrong coordinates. is there any way to solve the problem to the following code? or are there ways easier to rewrite the code?
Code: onClipEvent (load) { // position of origin origin_x = 300; origin_y = 200;
My group is working on a Flex/AS3 scientific web application that is data intensive. Luckily the only plots involved are line charts. However, each line chart may have multiple traces (up to 24), and each trace may contain up to 2000 points. The user will need to zoom in and out and interact with the data (e.g. data tips, etc.).
The response I'm getting from developers is that's a lot of data to render in a plot in Flash. For reasons beyond the scope of this post, we can't sample the data to reduce the size (this has already been done and nature of the data prevents further sampling).
Rendering speed is critical for this app. What kind of rendering speed should I expect the Flex 4 line chart component to provide for a given number of points (e.g. 1 second to render 1000 points?)
Are there products available that handle plotting large data sets better, which can be incorporated in Flex (I've seen FusionCharts and ZingCharts online but have no idea how they compare with Flex's components)? Of those, which are easy to develop with while still providing a lot of flexibility in look and feel?
Flex charts, like AreaChart, have wonderful built-in support for displaying data "tool tips" when a user hovers over a point supplied in the data of a graph. You can hover over any of the bar graph examples on this page for a demonstration. I have a graph situation where I optionally draw in some dots as reference points on CartesianDataCanvases supplied to my AreaChart through it's <mx:annotationElements> and <mx:backgroundElements> tags.
I would like to have the same hover data-tip functionality that the AreaChart has, but applied to these dots. I realize that I am just drawing on canvas, and that no actual dataProvider supports these dots, but if there was a way to supply the CartesianDataCanvas with an array of data values or something to that effect,
I am in a situation where user gets the cars data from the database based on the selection and displays it in datagrid like below ( for example)
Company Model Year No GM Chevy 2010 10 GM Chevy 2009 5 GM Pontiac 2010 12 Honda Civic 2009 12
and there will be a link next to datagrid to get Pie chart based on the data displays in the data grid . The pie graph should display grouping by company and the count . I mean for the above example that should give with two pie items , one for GM showing the number of vehicles ( in this case 3 ) and Honda showing the number of vehicles ( in this case 1 ).
I thought of getting it from the database by querying and grouping it .But here the problem is after getting the data above in the datagrid user can able to filter at client end ( By year or model ) and can say get graph . This time that should only display the graph for the data visible in Datagrid .Grouping on database for every operation is becoming expensive. Since we have already data available at client end , is there any way to group it at client ..?
Is it possible to restrict flex bar chart y-axis count?I have a very big name coming in my y-axis and i want to reduce or restrict it to 5 characters and on rollover i want to display it in full.
I'm currently learning Flash (CS4, AS3) and am creating a game. I have currently 1 flv file with 4 scenes, I then move from left to right and then to scene 2 and go from left to right. This is the game where items pop up that need to be clicked on and you get points.
Is there any way I can combine these onto 1 scene? Flash only allows you to have a maximum of 2880px wide.The reason for this is the transition between the scenes is RUBBISH and that my AS is not working correctly in between scenes (it loses values).
I would like to scroll content in a Movie Clip (size: 10000 x 8000 px) with Flash Scrollpane component (AS3). However, I want to make the content scroll in both X & Y axis instead of along of the scrollbar axis. How can I achieve this?
I've created a line chart in flex and it works like expected. Now, I would like to add shading to the background for specific information. For example, this chart - [URL], shows a shaded background for recessions. How would I mimic this shading in a Flex linechart?
I want a bubble chart that just shows items along a straight line. So I'd like the horizontal axis to essentially not exist. I have it working right now with the yField assigned to a field that happens to always be '1' on my test dataset.. but this is not going to be the case in general, so I need some way to restrict the y-axis... preferably without needing to go back to my model and parse through all my data to add a dummy value '1' on each entry.
Unfortunately setting min/max values just cuts off anything above or below rather than restricting entries.
I set computedMin and Maximum (no idea what they are and the docs don't really explain) but it didn't seem to restrict the data in any way.
In my application I'm using a canvas and repeater inside HBox it is Dynamic,..now I want to keep a horizontal scrollbar for the same, I may display more than 50 canvas addresses inside that Hbox and repeater.Here is my code:
