Css :: Setting Different Chart DataTip Styles In Flex Components
Nov 1, 2011
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?
View 1 Replies
Similar Posts:
Jun 15, 2010
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 Replies
Oct 6, 2010
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]...
View 2 Replies
Aug 11, 2011
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 Replies
Nov 19, 2011
I made a custom LabelItemRenderer, inside it I want to give some additional style to a StyleableTextField. How can I do it without losing inherited styles? I tried different things, but always got an error saying antiAliasType must be set.
s|List.customListStyle
{
fontFamily: Arial;
[Code].....
How should I set my text field style, and then set it in the createChildren method?
View 1 Replies
Apr 6, 2011
Flex has a plotchart component and a linechart component.. but I am looking to make a chart that has lines connecting points as well as larger dots with rollover info. Is this easily possible? Would I have to create a custom component from scratch to achieve this?
View 2 Replies
Oct 5, 2011
I'm doing a kind of PowerPoint presentation (to give a very basic idea of the whole concept) and there are a variety of dynamic content in there. Videos, audios, quizzes, etc. What I'd like to have, is components that the designers will simply have to drag on a slide and the component would then handle much of the work without needing any code at all.
The problem I have, is that I'd like to use SWC-based components, and then have a skin that can be applied (a bit like the FLVPlayback component). I have no idea where to go from here though, because most tutorials I find use FLA-based components. And I could turn to that if what I want to do ends up being too much trouble for what it's worth, but the division of the skin and the actual component is something I like a lot. Designers will only need to do a skin and tada, everything will (in theory :P) work.
View 0 Replies
Nov 12, 2009
The title says it all. I am using CS4 with AS 3.0. Does htmlText property on components support CSS styles???
View 5 Replies
Oct 11, 2006
On my Mac OS X it didn't matter, the setStyle Worked Fine,However I've transfered my files over to PC and working with the exact same things all the styles work EXCEPT for the setStyle("themeColor", "color");On this PC it's always turning it from the default "Greens" to a solid gray shade of borders, this is very weird.
For Example
Code:
// Have a button component on stage
import mx.controls.Button
_global.styles.setStyle("themeColor", "haloOrange");
[code]....
It works just fine, do I need to edit the core class files for something? I'm extremely confused, I inport the class files in the first place so I can do public vars and strict data type them to that component.
View 2 Replies
Jan 1, 2010
I'm playing around with the scaleX/Y in the canvas tag and have noticed some strange behaviour. When I set scale in in mxml the width and height of the canvas are adjusted accordingly. For example if I have a canvas like this: <mx:Canvas width="1000" height="1000" scaleX="0.1" scaleY="0.1" />
The canvas now appears on screen to have a width and height of 100 and if inside my creationComplete callback I check the width and height property they are indeed 100. But if I do exactly the same thing except I set the scaleX/Y property from actionscript the canvas on screen appears to have a width and height of 100 as expected, but when I check the width and height property of the canvas they are still at the previous values of 1000.
View 1 Replies
Feb 9, 2012
there is a question:
public var panelProcess:VBox;
panelProcess = new VBox();
panelProcess.addChild(sf);
[code]......
View 1 Replies
Mar 3, 2011
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.
View 1 Replies
Jan 10, 2011
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 Replies
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?
Instead of:
|tip text|
+++
+++
+++
+++
+++
+++
+++
+++
I want:
| tip text |
+++
+++
+++
+++
+++
+++
+++
+++
View 1 Replies
Aug 26, 2009
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 Replies
Sep 1, 2010
how 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?
View 1 Replies
Jan 6, 2011
Is there any way to always show DataTip for SLider control in Flex 3.5?
View 2 Replies
Apr 15, 2011
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!
View 1 Replies
Jan 8, 2010
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]....
View 9 Replies
May 19, 2009
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 Replies
Feb 23, 2007
According to the Flash 8 Actionscript Bible, it is possible to set a style that will affect all instances of a certain component class by typing the following code:
ActionScript Code:
import mx.controls.*;
import mx.styles.CSSStyleDeclaration;
_global.styles.componentClassName = new CSSStyleDeclaration();
_global.styles.componentClassName.setStyle("styleAttribute", "value");
A disclaimer says that "[this style technique] will work with almost all of the component classes. However, the following classes will not allow you to set a class style object: List, DataGrid, Tree, and Menu." (ch 29, pg 644)
So why does the following do nothing:
_global.styles.Label = new CSSStyleDeclaration();
_global.styles.Label.setStyle("autoSize", "true");
View 2 Replies
Apr 15, 2010
I created a contact us form for my landing page. I draged few components such as "textInput" "radioButton" "comboBox" and "checkBox" into a movie clip.
Now the default font size of Flash is 10 and I would like to enlarge it.
View 3 Replies
Apr 14, 2010
Why wont AS3 work with any of the combo boxes text boxes button etc? swithcing the publsih settings from AS2 to 3how can i get these to work? and why are they still avalible formthe components menu when you in AS 3 publish settings if they dont work?
View 1 Replies
Aug 22, 2010
Do you know any flex component with the functionality such as horizontally collapsible window or panel I found arc90, but it folds vertically.
View 1 Replies
Sep 8, 2009
I am created a dynamically adding a VBox, that contains two images. Into a Custom Component that is derived from UIComponent. The problem is the Vbox that contains the two image is only a really tiny size. I would like the VBox stretch to the size of the two images. This is how I am creating the Vbox....
[Code]...
View 1 Replies
Sep 15, 2010
Is it bad practice/design to nest components inside components using Flex 4? Should I simply be creating components and inserting them into my main application as below, or doesn't it matter?
<com:MyComp1>
<com:MyComp2>
<com:MyComp3>
[code]....
View 1 Replies
Mar 2, 2011
Is it possible to develop chart in flash (eg. bar chart, pie chart)?
View 1 Replies
Jun 26, 2009
I inherited a custom component from TextField. The component needs to know when any of its styles got changed at runtime via setStyle. How would I do that? It's probably obvious but I couldn't find an event or appropriate method to override.
View 2 Replies
Nov 4, 2009
In MXML, there is a Button class which you can instantiate like so:
<mx:Button id="something />
But what if you wanted to dynamically build this in AS3 and add it to the Flex app dynamically, without the use of components (just AS3) and then modify Flex's styles, for example, here you access the Button's properties and set them:
var btn:Button = new Button();
btn.height = 50;
btn.width = 75;
btn.x = 100;
btn.y = 40;
But how would you go about changing the Style, for example:
btn.downSkin = "something";
btn.color = "0xfffff";
I'm sort of starting to lean towards making a flex component in MXMLand than just making it visible true/false, but I like the fact that i create an object in AS3 and then destroy it when I don't need it anymore, than create it again once needed.
View 2 Replies
Mar 18, 2010
I have a custom item renderer which I use for my DataGrid. The DataGrid has specified selectionColor, rollOverColor and themeColor. The Problem is that the custom item renderer, does ignore those colors, and doesn't give any Feedback...
I tried to add the lines:
setStyle("selectionColor", 0xEDF1F7);
setStyle("rollOverColor", 0xE1F5DE);
setStyle("themeColor", 0x3569B0);
But with no effect...
View 1 Replies