Flex - Datatipfunction - Flex Chart Hide A Datatip?
Oct 6, 2010We 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]...
We 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]...
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:
#container#chart1 chartClasses|DataTip{
backgroundColor:white;
backgroundAlpha:0.01;
[Code]....
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 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? .
View 1 RepliesIs it possible to tell flex to display a chart with no visible axis? I want the contents of the chart to take up all the available space. I can set the visibility on the AxisRenderer to false which will hide the axis but that leaves an empty space where the axis would usually be. How can I remove this empty space?
<mx:horizontalAxis>
<mx:DateTimeAxis id="xAxis" dataUnits="hours" />
</mx:horizontalAxis>
[Code]....
I've tried setting the height on the renderer but that has no effect, and there is no height style on the axis itself.
I have a LineChart continaing 6 lineseries. I should be able to pass parametrers to server using HTTPservice. But then the returned XML may contain information for a single line series or for all the lineseries. The problem, if we have a value for a single lineseries , the legend should contain also only one item and similarly for multiple items. [code]...
View 1 RepliesI have plot chart with an 'itemRenderer' to render the text. I have the renderer working corrrectly. Now, what I want to show/hide some of the chart tiems if it's below/above some value. I am using the 'Label' component as 'itemRenderer' and overriding the 'data' function (find my renderer component below..).
If the size of the dataprovider of the chart is greater than '100', I want to hide all the 'events' with 'low' severity. For that I need to get a reference to the dataprovider, but not sure how... ?
public class EventChartItemRenderer extends Label
{
private var chartItem:ChartItem;
private var evtLblTxt:String;
[Code]....
I have a line chart with a column chart as a secondary series. When I roll over the line, the datatips appear. However, if I move the mouse to a spot where a column appears while still on the line, the data tip item appears for the line AND the column. How do I get it so that I only show datatips for the line but not the column?
[Code]...
My PieChart has a dataTipFunction property
My PieSeries has a labelFunction property
I would like my dataTipFunction to return the same string that my labelFunction returns.
Example, I would like my dataTipFunction to return:
return [whateverMyLabelFunctionReturned] + someExtraStuffThatIAdd
I am doing dataTipFunction on Tree in Flex3 Air,
At present the tooltip hides the present node, i need to reposition the tooltip above the node, how can change the x,y position of the tooltip.
I've a AdvancedDataGridColumn which has both 'labelFunction' and 'dataTipFunction' defined.I want dataTipFunction to return the output of 'labelFunction' + someText.
P.S : The problem here is dataTipFunction doesn't have access to 'column' object.
there is a question:
public var panelProcess:VBox;
panelProcess = new VBox();
panelProcess.addChild(sf);
[code]......
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?
Instead of:
|tip text|
+++
+++
+++
+++
+++
+++
+++
+++
I want:
| tip text |
+++
+++
+++
+++
+++
+++
+++
+++
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.
View 3 Replieshow to skin the datatip of a hslider component.
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?
Is there any way to always show DataTip for SLider control in Flex 3.5?
View 2 RepliesI 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!
View 1 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.
I simply don't know how to do this. This is the code I have.
public function doFormatMoneda(valor:Number):String{
var formatoMoneda:CurrencyFormatter = new CurrencyFormatter();
formatoMoneda.precision = "2";
[code]....
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?
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 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 RepliesWhen using a Flex chart, the y-axis is drawn as a thick (about 8px) grey line. Is it possible to change this to be just a thin line like the x-axis?
View 1 RepliesI've created a line chart in flex and it works like expected. Now, I would like to add shading to the background for specific information. For example, this chart - [URL], shows a shaded background for recessions. How would I mimic this shading in a Flex linechart?
View 2 RepliesI have flex 4, zend & php. I am trying to generate a chart w/ 5 yrs of data & then let the user (without making another call to the server) get a 1 yr chart w/ the same data. (In other words, the 1 yr's worth of data is a subset of the 5 yrs). I can get the initial 5 yr chart but when I try to apply a filter, as below, I get no data. What am I doing wrong?I have the following code:
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"[code]......
I want a bubble chart that just shows items along a straight line. So I'd like the horizontal axis to essentially not exist. I have it working right now with the yField assigned to a field that happens to always be '1' on my test dataset.. but this is not going to be the case in general, so I need some way to restrict the y-axis... preferably without needing to go back to my model and parse through all my data to add a dummy value '1' on each entry.
Unfortunately setting min/max values just cuts off anything above or below rather than restricting entries.
I set computedMin and Maximum (no idea what they are and the docs don't really explain) but it didn't seem to restrict the data in any way.
In Flex how can I set a custom name (string) for the X axis and Y axis titles of a chart?
(Horizontal Axis and Vertical Axis)