Flex :: ColumnChart - Any Way To Center Datatip Over Column?
Jun 24, 2009
I'm using a Flex ColumnChart with a custom dataTipRenderer. I'm able to apply a nice skin with the dataTipRenderer, but am not sure how to move the datatip to be centered. Is there a way to have the chart center the data tips over the column instead of the normal top-right alignment the chart does?
When using a ColumnChart created in Flex 3, how can I to change the fill color of columns that meet a certain criteria?
Example: I have 8 columns representing agreement percentages between groups of people and want to change the fill color (or otherwise highlight) of all the columns that have over 80% agreement.
Here is my Problem: I'm currently using a ColumnChart to display 6 label/value pairs. When two labels are the same, the chart stacks them up, one on top of the other. I want to display these duplicates side by side, their value might be the same or it might be distinct. My first thought was to append a unique id to the label, but that's not possible according to the client. So, is there a way to tell the chart to also take a hidden id into consideration? Someone suggested to do some sort of grouping, but I need to display each chart separate, as if they were distinct charts.
the chart's data provider is an array of these objects: obj.description = "des"; obj.countV = 3;//some arbitrary number obj.id = 2; //a unique id..
I 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.
In 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.
I'm using a flex columnchart to display data, that changes at runtime. It works perfectly, except the fact, that the y-axis with is automatically resized when the values goes under 1.For example first the values of the charts are between 0 and 10. The y-axis now has labels like 0,1,2,3,4...10. If the values are going under 1 the labels are updated to 0.0, 0.1, 0.2...1.0. And because of the width of the labels, the group with the charts is resized.It looks like the chart is "jumping".So, I need a way, to set a fixed width of the y-axis of the chart.
I have a datagrid with one datagridcolumn in it. Without a custom itemrenderer I can use a datatipfunction for showing a custom datatip but now I want to have a custom item render for colouring the rows differently.Therefore I extended a label and changed the data method but now my datatipfunction does not work anymore.
I have created a 3 skins with degrafa. One for the track, one for thumb and one for the datatip. I had no problem attaching the skins for the track and thumb of the hslider component. But how can i skin the datatip?
I want to emulate the datatip feature on google finance here URL...whereas the datatip does not appear over the chart when you hover over, but instead is anchored in the top right header of the chart. How do I go about doing this? Thx in advance!
I need to create a custom y-axis in a columnChart that resembles a tall / skinny VBox (sorry can't post pictures) and has the axis labels (20, 40, 60, 80, 100) inside the axis.By default, the y-axis is a line and I have found methods of making the line thicker but I need the labels inside the axis.I have tried using the AxisRenderer class but can not find any good examples on the proper use.
I can't seem to figure out why, but the label on my ColumnSeries always seems to get truncated regardless of how wide the column is. I've tried setting the labelSizeLimit to an arbitrarily large number, but that doesn't seem to help
I have arraycollection with the attribute Month with similar data you can find Month:"Feb" for 5 times. If I run my application data wont appear on the screen for Feb i.e columnchart wont get displayed.
I have a following issue:My task is to style a datatip for two charts in Flex 4.5.Both charts reside in two different <Group> based components which are added to the <Application>
So after a thorough research here is what I tried to do.First applying a css descending selectors:
Then I would like to be able to get access to the instance of the CustomDataTip class.But I can't .So currently the only thing I can do is to create a distinct custom datatip renderer class for each chart.That could be fine if you have only a couple of charts you want to style but what can we do if we have many of them?
I have a LineChart that contains multiple series, both LineSeries and PlotSeries, and I have a custom dataTipFunction set for the chart. However, I only want data tips displayed for line series, not the plot series. I have tried returning null from my format function, but that just displays an empty box. I have also tried disable mouse events on the plot series (by setting both mouseEnabled and mouseFocusEnabled to false), to no avail. Is this even possible?
I have a neat chart that is rendering overlaid columns with values in excess of 6000 but my vertical axis stays at 0-100, as if my dataProvider was being ignored. The problem here is with "msAxis" autoAdjust didn't change anything. Do I need to force its values manually?
I would like to show a dataTip on a flex chart by setting the selectedIndex property of the AreaSeries. For instance, if selectedIndex = 2, then a dataTip appears over the third item in the series. Is this possible in Flex 3.5? .
I have an AdvancedDataGrid where i build the columns dynamically (variable number of columns) in ActionScript, and i want the dataTip to display the column headerText when the user hovers over a cell. Adobe's example dataTipFunction:
private function tipFunc(value:Object):String { if (value is AdvancedDataGridColumn) return "Column Name";
[code]....
But in this case the value is only an AdvancedDataGrid column if the user hovers over a column header? I want the dataTip to always show the headerText for that column. So if i have to use this function, then how do i get the column headerText for a cell? And as i understand the dataTipField i can't really use it to statically equal column.headerText (dataTipField = headerText).
How 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?
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:
