Flex :: Using Summary Data From Dataprovider To Populate Chart?
Jan 6, 2010
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 have to populate an Advanced Data Grid which have the following fields: Continent->State->Society-->Actual Value-->Estimate Value I want to simulate a financial market so i have to change some of the values by asynchronous request from an HTTPService; If necessary i'll post the .as file, but it is generated automatically by Flex Builder.
Here's the code of the client side Flex/Air application:
I 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?*
I am using an component, and currently have a dataProvider working that is anArrayCollection (have a separate question about how to make this an XML file... but I digress).Variable declaration looks like this:
[Bindable] private var _dpImageList : ArrayCollection = new ArrayCollection([ {"location" : "path/to/image1.jpg"},
I am building an app for a website that will filter through the shops carrying some products/brands and show the results in a List component. I got all the way up to loading the data, putting brands/countries/cities in comboboxes so a user can filter in which country and city he wants to look and for which brand. No problem till now. My problem is that while the dataprovider works as it should when hardcoding some values to the labels that I use for the item renderer of each entry, I cannot get the real data from the data provider. You will see in the code below, that in the VGroup component (which I use for each shop in the list) there are 4 labels, where 3 of them are hard coded, just to see it works.
One of the labels though is trying to get the real data from the xml file and thats where I stop. In all the tutorials i ve seen (and documentation too) everybody just hits "data.XYZ" where XYZ is the name of the attribute or node to get. Doing the same in my case just returns an error of "1120: Access of undefined property data.". There is also an xml file but its loaded correctly and the different xmlLists DO have the correct nodes stored, so I do not think it needs to be posted, unless you think otherwise. The xml nodes for each shop are "title", "tel","mail","city" and I am stuck trying to get the title. The function that matters the most is the filterShops one and then of course the whole list and itemrenderer block.
I am developing a panel in Photoshop with Flex and Extendscript. I am pretty close to getting this to work, but with my Flex skills I am having a little issue with the Array I am pulling in from the jsx file. The array is displayed fine in the alert box, but somewhere between my split and creating new collection something is wrong.
Here is my Flex
protected function loadData():void { var grabFolderNames:SyncRequestResult = CSXSInterface.instance.evalScript("labNames"); var list:String = grabFolderNames.data;
Here am getting array of groups(groupName,GroupID each row ) from a RemoteObject and displaying in a ComboBox. I am selecting the groups with selectedIndex as 0,1,2,3, but I want my groupIDs of correspoding groupnames,which am bringing to client side.
How can I get actual the groupId of the selected group?
Following is the sample code. While I start editing either in optionId column or option column, the other rows of the same column are also get affected and reflecting the same value. But when I am editing in other columns it is working fine... Don't know the reason.
I am using an component, and currently have a dataProvider working that is an ArrayCollection (have a separate question about how to make this an XML file... but I digress). Variable declaration looks like this:
I have a flex datagrid. it is bound to an array collection. if the user sorts on column X it works fine. then, if the user causes the array collection to change, the datagrid forgets that it was sorted on column X.what do I need to do to preserve this sort preference so that the new array data will appear sorted by column X?
I am using a TileList control with an effect sequence linked to the itemsChangeEffect property.[code]...
However, my data provider is a ListCollectionView that I use to filter items. When I set a filter criteria, it will hide a couple of items from the TileList but there is no animation like when I remove an item. Is there a way to animate the TileList when an item is filtered ?
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.
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 have a AdvancedDataGridColumn with custom itemrenderer which displays undefined in the group summary field. How do I get rid of it? I have included the code and a screenshot
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.
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.
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.
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 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'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.
There are hundreds of posts on this subject, none with solution. [URL].. has an answer which is meaningless. The mxml page I am developing already has a ComboBox dragged onto it, this does not magically put the DataProvider in a library or similar as implied.
I try to assign xml as dataprovider to datgrid. The datgrid is inside a moviclip. If i attach that movieclip from current ApplicationDomain, it works. If i try to attach from another ApplicationDomain, it doesnt work. But i can trace the object name and DataProvider (is []). The assigning part doesnt work. any setting issue?
Here is the error,
TypeError: Error #1034: Type Coercion failed: cannot convert fl.data::DataProvider@32377dc1 to fl.data.DataProvider.