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.
View 1 RepliesI 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?
<mx:ColumnChart 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].....
Based on this Adobe multiple axis chart example: [URL]
Then I changed some data values to negative and my axis became not aligned anymore.
how to align vertical axis? Is this another Adobe bug or there is some property that aligns axis?
<?xml version="1.0" encoding="utf-8"?>
<s:Application
minHeight="600"
[Code]...
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.
View 2 RepliesIn flex, I am getting the y-coordinate in the following way:
nextHBox = HBox(ingBox.getChildByName("ing" + nextId));
nextYAxis = ingBox.localToGlobal(new Point(nextHBox.x,nextHBox.y)).y;
newCanvas.x = nextYAxis;
nextYAxis gives me the y-axis and I use it to position new component. It works absolutely fine. But, when there is vertical scroll, and I scroll it a little bit, and then the above mentioned code places the component at wrong place. I believe, it has something to do with the scroll.
add a click event handler to the vertical axis (or any axis) of a barchart in flex? If I add the handler to the BarChart itself, it looks as though the event doesn't fire unless you click on the actual chart, not the axes.
View 1 RepliesI am building a vertical menu that is draggable on the Y axis.
1.How do I add easing? Can I use fuse?
2.If the button that is being dragged reaches a point on the y axis it would trigger a function. If it is let go before reaching that point the button would snap back to the original position. I guess a simple (if statement) would work - but not working for me
3.Last thing. It is a vertical menu, so when a button is being dragged everything above it would drag with it. Cannot seem to get that to happen
How to create vertical gradient in flex. What i currently have is a horizontal color gradient. And its working fine. But I am unable to figure out how should I make it vertical (which ofcourse is the requirement)I use styleName = "chatWindowLeftGradient".[code]This give a gradient from top to bottom. How i can make from left to right??
View 3 RepliesI am making use of a custom cursor on itemRenderers in a List component. The custom cursor works just fine except when I mouse over the Text component which is a child of the itemRenderer at which point I get two cursors, the custom and an iBar one on top of the other.Here's the code:
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
[code].....
I'm making a chart where the x-axis needs to have dates and y-axis names. The lenght of the bar is longer when the date is later. But I want to stack multiple bars on eachother. for example This is the code I have so far
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[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 |
+++
+++
+++
+++
+++
+++
+++
+++
Multiple axis creation via MXML works fine:
http:[url]...
But when I'm trying dynamically create horizontal and vertical axis then I'm getting extra axes. I believe this is Adobe bug. How I can fix this behavior?
<?xml version="1.0" encoding="utf-8"?>
<s:Application
minHeight="600"[code].....
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.
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
Here is some sample code:
<?xml version="1.0" encoding="utf-8"?><mx:Application name="BarChart_barWidthRatio_test"
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
[code]....
how can i apply styleSheet to datatips of ColumnChart control in flex?
View 1 RepliesI 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.
<mx:Script>
<![CDATA[
import mx.charts.series.ColumnSeries;
import mx.collections.ArrayCollection;
[Code]....
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..
Columns of columnChart are showing too narrow if i am using the LinearAxis, even tried columnWidthRatio = 0.95 for category axis, this is fine
I just want to increse the width of column on this chart.
Sample to reproduce the problem:
<mx:Script>
<![CDATA[
import mx.charts.chartClasses.IAxis;
[Code]....
How can I color the ColumnSeries differently based on data. I need something like a labelFunction only for the column fill.
EDIT: Attached image for JAX to understand. :)
I want to create a custom component library. the components are customize-able during creation time. means like Accordion or TabNavigator, when we drag and drop the Accordion in flash builder it
<mx:Accordion x="38" y="167" width="200" height="200">
<s:NavigatorContent width="100%" height="100%" label="Accordion Pane 1">
</s:NavigatorContent>
[code]....
I need to create custom component like [code]...
Here, I need to create custom component object, changing their element values and appending that custom component in VBox. What are the correct syntax to implement this one?
is there any way to create a custom css value for a component and have it available to the skin class that component is using? for example, if i define this in a css file:
[Code]....
is there a way to make myCustomValue available in the PanelSkin ?
I'm trying to CREATE custom fields from flex, but I'm having hard time finding the correct syntax. Below is the piece of code that I'm using and it's resulting in error
"sf:INVALID_TYPE INVALID_TYPE: null objects not allowed in create/update request"
var con:Connection = new Connection();
var lRequest:LoginRequest = new LoginRequest();
lRequest.username = username1.text;
lRequest.password = password1.text;
[Code] .....
I'm using Flash CS4 and Flex 3.4.0. I'd like to create a vector-graphic button in Flash and use it in Flex.I'd tried to install the Flex Component Kit, but it won't add me the 2 commands I need for the conversion as stated here.
View 2 RepliesI want to create an MXML container component that has some of its own chrome -- a standard query display, et al -- and that supports the addition of child components to it. Something a lot like the existing mx:Panel class, which includes a title label, but acts like a plain mx:Box with regards to adding children. To be clear, I want to be able to extend the container using MXML, so the "Multiple visual children" problem is relevant.
View 2 RepliesI would like to create a custom Button component with three labels: left-, center-, and right-justified. I can't just use the label justification property, because I want to use all 3 labels at the same time.
I'm familiar with creating custom components, but I've never tried to build one quite like this before...
Here's what I have so far:
<?xml version="1.0" encoding="utf-8"?>
<s:Button
xmlns:fx="http://ns.adobe.com/mxml/2009"
[Code]....
The labels won't change after the button is created, so I'm not worried about the missing [Bindable] metadata.
I'm stuck right now, getting the following compiler error:
Multiple initializer values for default property, 'label', of type 'String'.
...for each of the 3 <s:Label> lines.
Based on this answer to a similar question, I tried adding label="" to my <s:Button> declaration, but that just adds another error.
I posted a question regarding how to make a ladybug move around the screen and I managed to make a class that loaded a ladybug png then using a timer moves the bug around the screen...
but I have a huge problem...this has been bugging me all day and cannot find a solution...
The ladybug moves around the screen but rotates towards the moving direction before moving. The problem is that the ladybug is rotating at 0,0 axis and not at the centre of the movieClip. Is there a way to offset the registration point so that the ladybug rotates centred?
[Code]...
I am trying to create a custom component in flex that consists of a Button, and a TileList directly below that button. On button click event the TileList should open/close. The component works fine, but when I add it to my main flex app, inside a VBox, it simply opens and closes within the VBox. Because the height of the VBox is much smaller than the custom component's TileList, it causes scrollbars. My issue with it is that it should behave like a ComboBox/Pull-down menu and go over the VBox, instead of going inside it. how to overlay the custom component, so it behaves like a ComboBox/Pull-down?
View 1 RepliesYou can easily set a stroke on a line series like this:
[Code]...
This will set alpha for the entire stroke to .8 But I want to be able to set a different alpha on the stoke for each plot based on something in the dataProvider. For example the yField in the lineSeries is "Apple" which is how it knows where to plot for the lineSeries. I want to be able to add something like alphaField which tells it what to set the stroke alpha for each plot.
[Code]...
I need to create a lot of custom Flex 4 skins, in most of the examples I found on the web people use FXG in order to create the skins but if a lot of the icons I use are not resizeable should I still use FXG or better use just plain old bitmap images (jpg. png)?
View 1 Replies