Flash :: Line Chart Possible To Achieve Using Adobe's Built In Charting Component In Flex?

Jan 13, 2012

I'm new to Flex/AS3. I've attached an example line chart below. I want to know if this type of graph can be created using the standard line-series chart available in Flex (Flash Builder 4.6), or whether there's something drawn below that is non-standard and would therefore require some rather involved customization. The key features are:

-Different line styles and colors (dashed, dot-dash, solid, thick, thin, opacity)
-Placement of units (y-axis "seconds" and x-axis "Hz")
-x-axis zoom/pan control bar below graph (move knobs in and out to set x-axis min and max plotted values)
-Log x-axis scale, linear y-axis scale
-Data Tip (or, some call it tool tip, not shown below)
-SI units for x- and y-axis tick labels.

My guess is that everything should be pretty standard to accomplish using Adobe's built-in charting (with the possible exception of item 6, see below). Is that a good assumption?I'm particularly concerned about the x- and y-axis tick labels (item 6). For example, the x-axis tick marks as a number would be:1, 10, 100, 1000, 10000, 100000, 1000000, 10000000 but they need to be replaced with SI units, where k=1000, and M=1000000, so the corresponding marks would be (replacing the numbers above with the strings below)"1", "10", "100", "1k", "10k", "1M", "10M".The same goes for the y-axis, where p represents 1e-12, and n represents 1e-9.I can create an algorithm that accepts a number and outputs a string to do the SI unit conversion. But given that, is there a way to easily manage the tick mark labels to replace the default numbers with such strings?

View 2 Replies


Similar Posts:


Flex :: Make Chart Which Is Combination Of Bar And Line Chart Using Charting API

Jan 10, 2011

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 Replies

Php - Charting Libray That Offers Linked Line Chart With Dots?

Jul 27, 2010

I'm trying to plot data from several entities over time. Each entity will have its own line, so there will be several lines. Each line will be connected, but it's important that dots are drawn to represent data.

I'm aware of the linked bar chart, but at initial inspection, I can't seem to find one that offers me the ability to draw the dots. Anyone knows which library has this? I'm open to PHP, Flex, degrafa, whatever else that gets the job done.

View 2 Replies

Flash :: Adobe - Making An Interactive Charting UI Component "from Scratch" (without Flex)

Feb 14, 2011

I'm looking for resources on making an interactive charting component in Adobe Flash without use of Flex (or, minimal use). That is, starting "from scratch" with Flash and ActionScript 3.0. Is there recommended reading? Perhaps a good recent book on the subject, or a detailed blog article, or an open source project to look at? I'm interested in the development process, and specific design patterns (for example, extending Sprite as the logical base class for your component).

View 1 Replies

ActionScript 2.0 :: Create An Animated Bar Chart Or Line Chart Type Of Component In Flash Programmatically?

Sep 14, 2009

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.

View 1 Replies

Flex :: Dynamically Create Axis Via ActionScript In Adobe Flex Charting Library; Adobe Bug?

Mar 21, 2011

Multiple axis creation via MXML works fine:
http:[url]...

But when I'm trying dynamically create horizontal and vertical axis then I'm getting extra axes. I believe this is Adobe bug. How I can fix this behavior?

<?xml version="1.0" encoding="utf-8"?>
<s:Application
minHeight="600"[code].....

View 2 Replies

Javascript :: Charting Component Be Integrated Into Flex Web App?

Jan 13, 2012

I'm relatively new to flex, and I'm developing a web app that needs to plot relatively large data sets (e.g. 20,000 pts divided among 8 separate curves) in a line chart. Flex built-in chart components render too slowly.Would javascript line chart render faster than Flex line chart? If so, is it possible to use a javascript-based charting solution instead of flex component, within the Flex application? Or, is this an impractical (or crazy) idea? Anyone doing this out there? How simple or complex is it?I'm hoping it's relatively easy to integrate a pre-developed solution like EST JS, HighCharts, etc. to simplify development.

View 1 Replies

ActionScript 3.0 :: Line Chart Example In Flash Cs3 Or In Flex?

Nov 17, 2010

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

View 1 Replies

Actionscript :: Flex Charting - Fixing The Background Grid And Multi-line Plotting

Jan 19, 2011

I have two requirements for a flex charting component:

1) The grid lines should always remain fixed to a scaling I define using an array of data. Something like a graph paper sheet.

2) Plot multiple line series data over this grid.

How does one get complete control over the background grid lines? I have tried a combination of annotation elements and setting the linechart background elements. If I get the grid right, I can't plot over it (Probably due to the scale). how would one go about designing a graphpaper like interface for linecharts in flex/actionscript?

View 1 Replies

Bypass The Cross-domain.xml Requirement For An Adobe AIR Application Built With Flex?

Apr 23, 2010

Is it possible for an Adobe AIR application to connect to a remove webservice that does not expose a cross-domain.xml file? If so, how do you configure the security sandbox within Air to allow this?

I have attempted a socket connection and received the following error:

[Code]...

View 1 Replies

Flex :: List Of Active Open Source Projects Built By Adobe AIR?

Feb 17, 2011

Could someone share list of active and popular open source Rich Internet Applications or desktop application (not library or framework) that are built by Adobe AIR/Flex? The popularity and quality I am looking for are something like Azureus/Vuze (Java), XBMC etc. [url]...

View 3 Replies

ActionScript 3.0 :: Flex-built Component Doesn't Drag Onto Stage

Oct 3, 2008

I'm working with a fellow coder on a project; he's the Flex guy and I'm the Flash guy. He supplied me with a custom Component he built in Flex, to act as an API. It's working just fine for him when he runs it in Flex.

I installed the .swc file in my Components folder. When I open my Components window, I can see it sitting right there. However, I can't seem to drag an instance of it onto the Stage. It highlights in the window when I click it, as I drag it I can see the little dotted-outline box indicating that something's being dragged, but when I release it it disappears. Nothing on the Stage, nothing in the Library.

View 3 Replies

Flex - Options To Create Line Chart In Flex For Data-intensive Web App?

Jan 13, 2012

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?

View 1 Replies

Xml :: Flex - Displaying Line Chart From Data?

Jan 6, 2010

I have something like this xml data

<data>
<result month="Jan-04">
<employee id="1">

[code].....

View 1 Replies

Flex :: Draw Line On Top Of Column Chart

Aug 3, 2010

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.

View 1 Replies

Flex :: Adobe Flex - Doing Group By At Client End (DataGrid To Pie Chart)?

Dec 23, 2010

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 ..?

View 2 Replies

Flex :: Set Background Color Of Line Series Chart?

Nov 22, 2009

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.

View 2 Replies

Flex :: Breaking Up Line Chart For Business Data

Feb 10, 2010

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.

View 1 Replies

Actionscript 3 :: Custom Grid Line In A Flex Chart?

Nov 3, 2010

I am using the standard Flex 3 BubbleChart component and I would like to customize a couple of the grid lines separately from the rest.

I would like to highlight a gridline in the X-direction as well as in the Y-direction to show a quadrant.

Is there any way to customize the look and feel of a subset of gridlines within a Flex chart (i.e. bubble chart)?

View 1 Replies

Flex :: Line Chart Leaving Gaps In Data?

Dec 6, 2010

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.

View 1 Replies

Flex :: Add A Single Horizontal Line In A Chart/Graph?

Jun 1, 2011

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

<mx:ColumnChart id="cvpaOpenCloseRatio" x="79" y="107"
dataProvider="{CF_Closed_to_Opened_by_MonthResult.lastResult}"
showDataTips="true">

[code]......

View 1 Replies

Actionscript 3 :: Show A Threshold Line In Flex Chart?

Jul 26, 2011

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?

View 1 Replies

ActionScript 3.0 :: Flex Line Chart - Changing ItemRenderer Dynamically

Mar 8, 2011

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.

View 1 Replies

Flex :: Draw A Line On Specific Data Value On Cartesian Chart In It?

Aug 25, 2009

Is there a way to draw a line on a graph (or at least get the position) on specific date?

I have a graph where X is Date data, I want to draw a line with a text on each Year and each 3 months as reference, not part of the graph series.

View 1 Replies

Actionscript 3 :: Flex Chart : Horizontal Line At 0 When Having Negative Values?

Nov 24, 2009

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?

View 1 Replies

Flex :: Change The Data Of Line Chart On Datagrid Itemclick?

Jun 22, 2010

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.

View 1 Replies

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.

<mx:LineChart showDataTips="true" x="10" y="77" id="GlucoseChart" width="1009" height="219">
<mx:horizontalAxis>
<mx:DateTimeAxis dataUnits="hours" parseFunction="parseDateString" displayLocalTime="true" />
</mx:horizontalAxis>
<mx:series>
[Code] .....

View 2 Replies

Flex :: How To Add Own Watermark To Chart Component

Jul 28, 2009

How to add a watermark to a charting component in flex? Maybe to a Line Chart or just simple to a canvas.

View 2 Replies

Flash :: Professional - Animation For Built-in Component

Nov 17, 2011

Lets make it simple. Lets say I have the stage with a combo box. I will have 100 frames with the combo box tweening from position to another. I easily can do it and see the animation of the combobox over the timeline. But when I create the swf file, the animation doesn't work. This also happens to all the other components. They don't accept any type of animation except if they are embeded in another movie clip.

View 6 Replies

Flex3 :: Drawing A Dashed Line Across Tops Of Flex Column Chart

Mar 15, 2010

[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 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved