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)?
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.
<mx:backgroundElements>
<mx:GridLines>
<mx:horizontalStroke>
[Code]....
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 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 RepliesHow 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 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?
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 RepliesI have something like this xml data
<data>
<result month="Jan-04">
<employee id="1">
[code].....
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 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 RepliesI 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 RepliesI 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 RepliesHere 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]......
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.
View 1 RepliesIs 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.
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 RepliesI 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 RepliesI 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] .....
For my application I need a component (or combination of components) that shows a number of different types of events along a timeline, displays them in different ways as specified and allows you to click/hover along the timeline to add/modify/get details on events.
Basically I want a timeline across the top, always showing a 24hour period, but starting at variable points. I need to have different rows of variable height to display different types of data in different ways. for instance: row 1 will display the 'value' attribute as a circle whose diameter reflects value amount and change color based on a 'typecode' attribute. row 2 will display a line graph and plot chart based on different numbers (like one chart but with the datapoints as larger dots), and will also chart out trend of following or previous data if it exists. behind row 2 will display the same thing but for 5 previous days progressively more transparent
[Code]...
I've been working with the flex charting component and I want to embed a custom icon for the marker in the legend. I've run into some strange behaviour where if set directly the icon is mirrored and the text is misaligned but if created using the a class factory and the legendMarkerRenderer property the component renders fine. I've included a snippet to illustrate the problem below. Working around this problem may be possible but I'm curious if anyone has an explanation as to what could be going on here. Additional info: Flex SDK 4.5.0.20967, FlashBuilder 4.5This is the output of the below snippet:
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:s="library://ns.adobe.com/flex/spark">
<fx:Script>
[code]......
is it possible to create an item renderer for the data labels of a Flex Pie Chart?i know it is possible to change the formatting of the String using the label function. But i need more control of the way the data label appears.The background of the label needs to be a a specific color based on the data.
View 1 Replies[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 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:
[Code]...
I need a small help on Flex Line Chart. 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 values 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 4 RepliesHow can you display a multi-line column header using the Flex Spark Data Grid for Flex 4.5?
View 5 RepliesI'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?
I have a fairly large app that employs an AdvancedDataGrid component. When resizing a specific column (the second one to be exact), the separator between the second and third column disappears for a fairly small, but non null, range of widths of column
View 1 RepliesI want to display the same data in a chart and a data grid. I want to use the same data provider for both of them to reduce the amount of SQL queries.How do I transform the database structure into the chart structure and into the table structure using ActionScript?*
Database structure in JSON format:
[
{key:, year:, value:},
{key:, year:, value:}
]
Data provider structure required by a chart:
[
{series1:, series2:, year:},
{series1:, series2:, year:}
]
Data provider structure required by data grid:
[
{key:, year2000:, year2001:, ...},
{key:, year2000:, year2001:, ...}
]
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?
To start - its best to say im new to Flex / OOP in general. I have been trying to add a custom class based on StrokedElement in order to implement a simple grid (not like the existing Flex Grids - this would just be for display - not holding elements etc...)
My current class looks like this:
package ui.helpers {
import flash.display.Graphics;
import spark.primitives.supportClasses.StrokedElement;
public class SGrid extends StrokedElement {
public function SGrid() {
[Code] .....