Flex :: Multiple Line Series On Single Chart Control
Apr 10, 2011
I want to show the second line series underneath the first one, however with this code they are appearing sequentially. Not sure how to make sure they are overlayed! I followed some code I saw for combining charts.. not sure what to do.
I want a chart that has several separate series running in rows across. They are largely separate charts and should not overlap, but all share the same horizontal datetimeaxis. They don't share the same y-axis, however and that's where I'm getting stuck.I have tried having a linechart series and then a plotchart series, but it will only allow a single <mx:series> per chart without having them inside the same series which as far as I can tell will place the charts on top of each other in the z-axis. I can stack them and have them completely separate charts, but it was proving to be somewhat irritating having them align correctly.
Is there any reasonable way of combining multiple charts into one like this? Basically having rows in a table where each row is a different chart but the columns are consistent. or am I going to be best served just by stacking separate ones? an illustration of what i'm going for is here: http:[url]........
I have a Line Series Chart in Flex with values from 0 to 90. I would like to set the background of the chart in such a way that, 0 - 30 is in green, 31 - 60 is in red and 61 - 90 is in blue.
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'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.
I want to know when the data has been added to a chart so I can use localToData() to draw on the chart. If I do this immediately after setting the dataProvider the chart has not yet updated, so the the call to localToData will not return the correct values. Is there an event I can subscribe to so I know the chart has drawn the data in the dataProvider?
I have a line chart with a column chart as a secondary series. When I roll over the line, the datatips appear. However, if I move the mouse to a spot where a column appears while still on the line, the data tip item appears for the line AND the column. How do I get it so that I only show datatips for the line but not the column?
I need to replace multiple contiguous new line/line feed characters in flex with a single new line character.
Example:
The string
"My name is blah blah
My name is blah "
Should be converted to
"My name is blah blah My name is blah "
Hope the example makes it easier to understand.
I am using a component to render it.
I guess using regex would be the easiest way to do this, but still it would be great if people can point me out to references/examples to get this done with ease.
I am using sifr3 and I know it is supposed to let you use multiple fonts in one line. I have tried a number of changes with my sifr.css and sifr_config.js files to no avail. I tried using spans, sub class of h1, etc. Sample Link: [URL]
I have an air app that collects live data from a user's action and graphs it.It records data every second and charts it on three different line series from the same array collection.This works out great at first, but it gets worse and worse as time goes by. When it gets close to an hour it's almost unusable.I'd like to be able to add a point to the graph and have flex JUST draw the new point and not invalidate the whole series and redraw it. Is this possible? I'm willing to override something to make this work.My last ditch effort is to take the average of 5 or 10 points and only adding those. This will still work poorly when the user is going for 3 hours or so, but I can't think of a better way.
How can I add a single control bar to control 2 external FLVs inserted in FLA document so that when scrolled, both FLVs move simultaneously?Is there a better PPT to Video Converter out there than Moyea that I can purchase or even a freeware? Original documents One FLV is a PowerPoint presentation with videos in some slides, converted into FLV using trial version of Moyea PPT to Video ConverterAnother one is an AVI converted into FLV using Super
I saw a similar question posted on Aug 15, 2007 ([URL].. but the "Look Here" link that describes the solution is not available (removed by Adobe for security reasons).
I have 4 live f4vs that I'm using with interactive server 3.5. Thus they are running in dvr. I'm trying to find a way to control all 4 videos so that when you go back on one video all 4 videos go back to the same time. This is very important with camera 4 as it is the only one with sound.I have tried putting all 4 videos in one swf file and I have tried putting each video as its own swf.
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 am trying to delete a single line using graphics.clear() method but it clears all the instance of lines created by lineTo() method. I want to remove a single line upon click from bunch of its multiple instance.
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?
I want to do a line chart example in flash cs3 or in flex. Actually my requirement is getting the data from external file ie xml and with that i want to display a line chart with some time interval just like stock exchange charts for example.I have to do this either in flex or in flash cs3. i dont have any ideas how to proceed
Apparently, it is not possible to have a chart with several independant horizontal axis. What I am trying to achieve is : Display a bar chart, organized by any category Overlay a line (actually a single horizontal line) on top of it (to display some sort of threshold)
I tried doing the following : [Bindable] public var columnsDataProvider : ArrayCollection = new ArrayCollection([{"Category" : "Cat1", "Value" : 10}, {"Category" : "Cat2", "Value" : 20}]); [Code] .....
This is the closest to what I want, except that the line does not start span all the graphs vertically (it is drawn only between the two columns of my bar chart). Is it possible to define a completely independant horizontal axis? I also tried drawing directly on the canvas, but the canvas.lineTo() method only works in "data" coordinate; I would need something that works in "chart/canvas/absolute/whatever" coordinates.
I am wondering how will I proceed with the following requirement. I need to create a line chart of business data of the last 8 quarters. It is easy, but the requirement is that, there should not be a connection between last year's Q4 and this years Q1. In effect, using the same array collection i need to split the line chart so that it looks like two different lines on the same chart. How to proceed with it.
I have a Flex line chart where I allow the user to change the y axis ranges. When a data point falls outside the ranges, the chart drops the line segments on either side of the out of range point leaving a gap in the data line. I'm currently using the data function to clamp the values out of range to the y axis min/max, but this displays misleading data.
I am stuck with a requirement to display a horizontal line on a ColumnChart to indicate a threshold level. I have the data to the Chart as an ArrayCollection.
Is it possible to get the location of a value that is shown on the y axis? I think I will be able to place a line or 1px high canvas on top of the Chart to achieve this. Or better, is there any built in functionality that i may have overlooked or is there some open library that can achieve something like this?
I am using FlashBuilder 4 and doing a simple application in flex. I am displaying a graph with 10 random values and based on the values I am trying to change the itemrenderer dynamically like CandlestickItemRenderer and BoxItemRenderer. Now my requirement was, if the values are > 10. I want to show my chart with CandlestickItemRenderer else i want to show the remaining spots as BoxItemRenderer. I am failing to do this. Either I am getting all the shapes as BoxItemRenderer or CandlestickItemRenderer. I am sending the code as a text file along with this.
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 created a line chart and another datagrid.based on dataitem clicked nthe chart should be changed. For example I have datagrid for stocks with 3 stocks GOOGL,Yahoo and ADBE .On clicking upon the GOOGL the google data should be loaded in to line chart.
I am trying to implement a drag and drop function between a list control and a columnchart in Flex3. List items should, when dragged and dropped on the chart, be displayed raphically in the columnchart.Alas, dropping the listitems on the chart does not seem to result in a proper graph.Here my code till so far with regard to the drop part:
private function doDragDrop(event:DragEvent):void{ var ds:DragSource = event.dragSource; var dropTarget:ChartBase=ChartBase(event.currentTarget);
[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.
