Flex Column Chart Customization
Apr 6, 2010When I customized the ColumnChart in Flex by overrided updateDisplayList function, colors in legend no longer display. As you will see in the below picture:url...
View 2 RepliesWhen I customized the ColumnChart in Flex by overrided updateDisplayList function, colors in legend no longer display. As you will see in the below picture:url...
View 2 RepliesI'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.
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 got a new requirement in which i have to display my Column Chart in dashed manner.
View 1 RepliesI am taking data from SAP and displaying in column chart in a dashboard. I am using an ArrayCollection as data provider. This has 27 columns(fields). So i am using 27 columns charts. However, I also have to display the summary of these in two charts.i.e. sum of 14 columns in one chart and 13 columns into other.
View 2 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 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 have a column chart that displays several items. When you click the bar of one of the items, the chart changes to display a new chart of details of that item. However, if the mouse is not moved, the datatip from the first chart is now visible on the second chart. Is there a way to hide the datatip when the first bar is clicked and then show the new datatip for the second chart once it's visible?
View 0 RepliesThis is what i am trying to do: -User enters Array Values and Labels, it should sum up the values and will push a record i.e. Total, (Sum of Values) -Example user enters Jan, Feb, Mar in Labels and 10, 20, 30 in Values, so the out put should be
{title:Jan, data: 10}
{title:Feb, data: 20}
{title:Mar, data: 30}
{title:Total, data: 60}
I am a scientist who knows molecular biology well but is a neophyte to Flex/ActionScript. I created a ColumnChart representing a probability histogram. I want to allow users to select a range of values on the X-axis via 2 sliders separate from the chart itself (one for the minimum value, one for the maximum.) By default the column bars are blue. But when the user selects a range, I would like to highlight that range in the chart a different color (eg. orange). How can this be done using ActionScript?
View 0 RepliesIve a column chart with 50 dynamically created bars and i want to extract the colors of these 50 bars and assign to headers in a datagrid which shows same kind of information . So pls let me know the way to extract the color assigned to bars .
View 0 RepliesI have a Flex 4, mx:DataGrid with the following (pertinent) properties set:
width="100%"horizontalScrollPolicy="off"
I have the minWidth set on all of the DataGridColumns and the width set on one of them. If I simply maximize/minimize the display (in browser or stand-alone flash player) of the application, the columns scale up and down nicely. But if you grab the edge of the application and drag it to make it bigger, only one column grows really big. When you drag the size down again, the one column remains big, but all of the other columns get squished way down.
I want to know column index of header in AdvancedDataGrid when a user clicks on header - either left click or right click.
View 1 RepliesIn Flex, using AdvancedDataGrid, I'm trying to achieve a drag and drop of one row's column data to another row's column or the same row but different column. Is this even possible? I've been googling for hours and all I can find are drag and drop whole columns just to rearrange their view order.
View 1 RepliesI'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 RepliesI would like to use the word wrapper for datagrid header, the problem is that it cuts the word to a new line, what i need is to add - sign after the word cutted...what i mean is:
admins-
trator
When you have a flex project, is it better to use different skins for different components or to use just one big css that has all the styles together?
View 1 RepliesIs it possible to develop chart in flash (eg. bar chart, pie 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 RepliesHow can you display a multi-line column header using the Flex Spark Data Grid for Flex 4.5?
View 5 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?
Flex charts, like AreaChart, have wonderful built-in support for displaying data "tool tips" when a user hovers over a point supplied in the data of a graph. You can hover over any of the bar graph examples on this page for a demonstration. I have a graph situation where I optionally draw in some dots as reference points on CartesianDataCanvases supplied to my AreaChart through it's <mx:annotationElements> and <mx:backgroundElements> tags.
I would like to have the same hover data-tip functionality that the AreaChart has, but applied to these dots. I realize that I am just drawing on canvas, and that no actual dataProvider supports these dots, but if there was a way to supply the CartesianDataCanvas with an array of data values or something to that effect,
I have a dynamic ArrayCollection that will contain a unknown number of objects of type MyObj:
class MyObj
{
type:String
[code]........
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 ..?
Is it possible to restrict flex bar chart y-axis count?I have a very big name coming in my y-axis and i want to reduce or restrict it to 5 characters and on rollover i want to display it in full.
View 1 RepliesWe get data from multiple feeds and data may or may not exist for a certain date. o, for points that have no data we send NaN.
[Code]...
How can i set click on particular column alone in Flex Data Grid... i want a click event for that column alone which should open a website.
View 1 RepliesHow to make a table in Flash and enable the column headers on the table to sort column on click?I have seen some tutorials with mySQL but I'd like to start with something basic. Is a sortable table possible using just Flash and AS 2.0?
View 1 Repliesdg.selectedItems gives me all the values selected, but if i need one column names value alone then what should i do.
<mx:DataGridColumn dataField="1" headerText="Email" />
In my flex app I store the widths and visiblility of columns in an xml file. When the app loads it reads from the xml file and sets he columns values as applicable:
for(i = 0; i < columnsOrder.length; i++){
newOrder[i] = myDG.columns[Number(columnsOrder[i]) - 1];
newOrder[i].visible = (Number(columnsVisiblity[i]) == 1);
[code]....