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 RepliesIn flex, how to add a label on a chart? I need to display some thing on the chart.
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 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)?
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 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 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 have something like this xml data
<data>
<result month="Jan-04">
<employee id="1">
[code].....
I need to display price of item for every date in the month. The chart can be Bar chart or plot chart.
Question: Suppose there is no data available for 01/15/2010 then, Is there a way to display (01/15/2010) on x axis but no (bar or plot point) corresponding y axis point ?
i.e. there will be a empty space between 2 bars or plot points.
Currently i am using 0 , But 0 is a valid value.
Let me know if such a display is possible.
In Flex, how do I create a summary(say total of various domains) from the data provider and display in chart? Say this is my dataprovider.. I want to display the total estimate of each territory as a slice in piechart
private var dpFlat:ArrayCollection = new ArrayCollection([
{Region:"Southwest", Territory:"Arizona",
Territory_Rep:"Barbara Jennings", Actual:38865, Estimate:40000}, [code].....
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 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 RepliesI want a data tip to appear when mouse pointer is over any point of the chart, not only when pointer is directly over a data point.
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 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 have 2 Y-axis on the chart and I am trying to use annotationElement's localToData to get the data points associated with a Point on the chart.
The annotation Element is able to return a set of values for the point ( 1 Y - data, 1 -x data), But it is returning the values against one axis and not the other.
Is there a way to associate the annotation element with a specific axis ?
I have an editable DataGrid in Flex, with data full of numbers. The columns have no special itemRenderer, but a labelFunction, which returns the number as-is if positive, but puts it in parentheses if it is negative, like so
27.3 => "27.3"
-27.3 => "(27.3)"
Now, these cells are editable. When I try to edit a cell with a positive number, nothing is wrong. But if I try to edit a negative number, it starts editing (27.3) instead of editing -27.3. Because of this, when the edit is done, the labelFunction is evaluated with the new value in parentheses(i.e.,labelFunction is called with "(30.5)"), and converting it to a Number results in NaN. So, I want to know if I can make the DataGrid edit the data in the dataProvider instead of the label that it shows.
I'm working for the first time with a TileList and an itemRenderer and I'm having a bit of trouble getting the information from my array collection to display Here's what I've got
private function loadData():void{
var stmt:SQLStatement = new SQLStatement();
stmt.sqlConnection = sqlConn;[code].....
how I go about pulling the information from the array and putting it into labels like username, userjob, userbio ect, Inside the TitleList and itemRenderer.
<mx:DataGrid id="dgAutoFill" x="11" y="234" width="934" dataProvider="{rssHln.lastResult.rss.channel.item}">
<mx:columns>
[Code]....
I'm trying to get the title from the selecteditem from this datagrid (which is filled by a rss-feed) in a label. I've searched for ways, but I can't find how I should get this done.
This is the eventhandler I've added to the datagrid, and the function:
dgAutoFill.addEventListener(ListEvent.ITEM_CLICK, showDetails);
public function showDetails(event:ListEvent):void {
lblTitle.text = ?;
}
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.
View 1 RepliesMy label text is not showing up after binding the arraycollection to the label text. Could I see an example of how to properly bind an arraycollection to a labels text?
View 2 RepliesI have a bar chart where I'm trying to get the data labels to show. When the values are all positive the data labels appear fine. When I mix in some negative values, the datalabels don't show:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[code].....
I'm trying to extend ButtonBarButton to include an additional label that shows the number of updates for the respective box in a viewstack (which is the tabbar's dataProvider).
I can get the additional label (named indicatorLabel) to read an initial value from data, but I can't get it to update automatically like the actual "label" attribute. My understanding was that you could bind to the data object, but that doesn't appear to be the case.
[Code]...
I'm working with an Adobe Flex project and I have data I'm plotting against a DateTimeAxis (X-axis) but because there are a lot of points, I have to do some manipulation and remove some objects in the array (I do this by copying data to another array, removing items, then copying the new array into the original array). However, sometimes after I do this, the date labels disappear off of the x-axis! Why does this happen? I look through my array and I cannot find a reason its occurring (no objects with nothing in them, everything appears in chronological order).
View 1 RepliesHas anyone created a custom map chart of the world using Flash 8? I read in few places that its possible with a component but cannot seem to find the right one.
I need to create a custom heat map (map chart) which is based on the global map, and shows the performance all of the world's unemployment rate. Some alike this interactive swine flu map
However this is a map software but I need a component so to integrate the map inside my own flash application, is there a Flash 8 component which made it easier to create such map?
Is there any way to attach custom data to elements? Kind of like the $.data() function in jQuery?I know you can subclass and element and add custom parameters, but it would be an overkill to create custom class just to add a single custom parameter.
View 4 RepliesI'm currently building an application that is presenting tabular (fetched from a webservice) data and have squirted it into a datagrid - seemed the most obvious way to present it on screen. I've now come across a few limitations in the datagrid and wonder how I might move forward. The data is logically split into groups and I would like to be able to have subheadings in the grid whenever I move to a new group. I would like to be able to highlight individual cells based on their content relative to other values in the row - ie highlight the cell with the highest value in the row. Is this possible with the standard datagrid?
View 2 Repliesi'm using flash builder 4..i want to ask something..how to binding data to custom list component in flex??...i already try binding data from webservice to standard datagrid component in flex, and it's work perfectly...this is my code for binding to datagrid..
<mx:DataGrid includeIn="LobbyPage" x="30" y="319" id="dataGrid" creationComplete="dataGrid_creationCompleteHandler(event)" dataProvider="{TakeUserResult4.lastResult}">
[code]....