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?
View 2 RepliesI have a candleStickChart in flex 4.5 with a dateTimeAxis horizontal axis.I wish to have a button that enables to draw a line on top of that chart.I wrote a code that each time the button is click, a new CartesianDataCanvas is created. than I do a pretty standard line drawing by listening for the MOUSE_DOWN, MOUSE_MOVE, and MOUSE_UP to draw the line.In the MOUSE_DOWN event I create the new CartesianDataCanvas, and update the annotaionArray as described in the following code: (candles is the candleStickChart's id)
public function startDrawing(event:MouseEvent):void
{
canvas = new CartesianDataCanvas;
[code].....
[code]This code is drawing a colum chart with two columns and drawing a line across the top of both columns. I have two requirements: the line need to be dashed as of now the line starts from top right corner of the first column to the same corner of the second column. How can i shift the line to the left, so that it starts from center of first column to center of second column.
View 3 RepliesI'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.
View 1 RepliesMy 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 have a dynamic ArrayCollection that will contain a unknown number of objects of type MyObj:
class MyObj
{
type:String
[code]........
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.
View 1 RepliesWe get data from multiple feeds and data may or may not exist for a certain date. o, for points that have no data we send NaN.
[Code]...
When using a Flex chart, the y-axis is drawn as a thick (about 8px) grey line. Is it possible to change this to be just a thin line like the x-axis?
View 1 RepliesI just need a simple code of drawing a text curve in flex
View 2 RepliesI have flex 4, zend & php. I am trying to generate a chart w/ 5 yrs of data & then let the user (without making another call to the server) get a 1 yr chart w/ the same data. (In other words, the 1 yr's worth of data is a subset of the 5 yrs). I can get the initial 5 yr chart but when I try to apply a filter, as below, I get no data. What am I doing wrong?I have the following code:
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"[code]......
I have five dots(MovieClips) in my stage. I want to draw a curve which should touch all the five dots. The x position of dots are incremented by 50 px and y position is random.I can do this using lineTo. But it has not got any curve effect.
Here is the code using lineTo
Code:
_root.createEmptyMovieClip("circle",1);
with (_root.circle) {
clear();
[code]...
I tried curveTo to achieve this. But it is not working.
I'm trying to write some code to an animated images of squares on a Flex Canvas There's something wrong with my code below because it becomes progressively slowerI assume I'm supposed to clear the old squares or something.What am I doing wrong below?:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init();">
<mx:Script>
[code].....
I am having a problem creating a slice of a pie chart.
- The slices are accurate up to 90 deg,.
- I can't get both sides of the triangle to draw from the centre to the circumference.
//Input value = 10% of 100
var value1:Number = 10;
//Convert to decimal
var persent:Number = value1/100;
var deg:Number = persent*360;
[Code] .....
Im giving a action script for drawing a predefined process shape that is used in flow chart. There are action script to draw a square, rectangle, circle and triangle. Can anyone in the forum give code for drawing the shape.
View 1 RepliesI 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 Flex how can I set a custom name (string) for the X axis and Y axis titles of a chart?
(Horizontal Axis and Vertical Axis)
I would like to be able to specify the placement of a legend for a linechart. Currently, it continues to appear to the right of the chart. I have tried playing with the width/height of the chart to no avail... Putting the legend before the linechart in the mxml causes it to appear to the left. I can't seem to get it appear at the bottom though. I can't seem to find any good examples for this. They don't seem to specify anything but the legend usually shows up below the chart, I can't seem to do it.
View 1 RepliesI'm using a lineseries chart, but it gets fairly slow to re-render when I add a new point when the total # of points is ~1200 points. Granted, this is running on a fairly slow PC (~600 MHz). Reading the Flex documentation on how to speed up rendering (turning off dropshadows, turning off filterData, etc...) doesnt seem to help. I bound my chart to an ArrayCollection (rather than the array I used before which I manually updated) and it doesnt seem to be any faster. Adobe's documentation seems to have me believe that the Chart looks only at what changed since the last time it was updated, but i'm only adding one point!
If their info is correct, why does it take significantly longer (5 seconds) to update one point when I have ~1200 points then when I only have 2 points (instantaneous)? FYI - When I add a new point to my ArrayCollection, I have to do a "AC.refresh()" to get the DataBinding to pick up the new data.
How to add a watermark to a charting component in flex? Maybe to a Line Chart or just simple to a canvas.
View 2 Replieshow to create organisation chart in flex using xml
View 2 RepliesI have created a Bar chart(having total 4 bars), wherein there is a gap between these bars. how to remove this gap between the bars as there is no inbuild property available...
View 1 RepliesWhen I customized the ColumnChart in Flex by overrided updateDisplayList function, colors in legend no longer display. As you will see in the below picture:url...
View 2 RepliesI am trying to create a bar char in action 3 script. But for some reason I am getting 2 y-axis and no x axis.
Can some one help spot the error. I have said "placement " bottom. The chart creation method is "getBarChartData", this method when invoked creates a barchart and adds it to a canvas. This section is visible completely and can be called on a button click.
[Code]...
In flex, how to add a label on a chart? I need to display some thing on the chart.
View 1 RepliesIs there any way to force Flex to draw empty PieChart when all data in the PieSeries equals 0. The result I'm getting now is just a blank space in the place where my chart is supposed to be.
View 1 RepliesXML Data to plot:
<?xml version="1.0" encoding="utf-8" ?>
<spearkerslist>
<speakers langid="afb" countryid="SA" countryalpha3id="SAU">200000</speakers>
<speakers langid="acw" countryid="SA" countryalpha3id="SAU">6000000</speakers>
[code]....
The above data I need to plot to a Bar chart, which I tried with code below and not working
I need to plot "Langid" on y-axis and bar length based on the value in speakers tag.
<mx:Script>
<![CDATA[
private var languagelist:XML = new XML(); //Variable where the XML is stored.
]]>
[code]....