I'm trying to hide both the vertical and horizontal axis renderers in flex so I can take a picture of the chart without them.I've set both renders to visible = false and includeInLayout = false. They don't show up but they still take space. I've tried setting widths/heights to 0 and that doesn't help either.
<mx:horizontalAxisRenderers>
<mx:AxisRenderer
id="horizontalAxisRenderer"
axis="{dtAxis}"
[code]...
I have created a Bar chart(having total 4 bars), wherein there is a gap between these bars. how to remove this gap between the bars as there is no inbuild property available...
View 1 RepliesI'm trying to set the axisStroke style on AxisRenderer via CSS. It's of type IStroke. How do I create a Stroke in CSS?
View 5 RepliesIs there a way to display the Vertical Axis outside the graph? I need the limits of the graph to be displayed between the vertical axis, without overlapping the series over the graph.
See that screenshot of what I have:
I need to get something like:
Or I should create a custom axis renderer component that get data from this graph and display it outside?
Despite setting the labelRotation property to 90 in this column chart, the axis labels are horizontal. Is there something additional I need to do?
<mx:ColumnChart id="myChart" height="100%" width="100%"
dataProvider="{myData}"
showDataTips="true">
[Code].....
I have a line chart that sometimes contains a number of data points. I have solved how to prevent the horizontal axis from displaying too many labels using custom label functions and data functions. My problem is forcing the AxisRenderer not to scale down my labels.
I'm using the labelRotation property so the canDropLabels and canStagger properties are not an option.
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.
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 RepliesIs it possible to develop chart in flash (eg. bar chart, pie chart)?
View 1 Replieshow to make the preloader works on the full screen website/ fluid layout. I add the Stage.resize on the code for FYI When I added this code to the bar, it expanded to full screen, but there's no loading bar. The text is also no progress.
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 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 ..?
I'm learning layouts in Flex. I try to make the following layout.The red arrow means when enlarge the window, the red arrow widget will become large too. Can anyone implement this layout in Flex?
View 2 RepliesI need to develop a GUI for a self-service kiosk. The kiosk will take food orders (i.e pizza, burgers, salads) and provide the ability to pay using a credit card. Can anyone suggest the best GUI layout or approach? I want to make it intuitive and simple. I want to minimize the number of button clicks. If you can provide examples,
View 2 Replies[code]...
when i add this two elements label and button both are displayed on same position
my label size increases dynamically so i want to add that button below that label
here for titleWindow i want to set layout how i can do that[code]...
My flex application gets some parameters from URL when the application opens for the first time(ex: layout=<1,2,3,4> ). Based on layout(1,2,3,4) value I have to change the layout. However the problem is the application is already drawn(Layout is initialized) by the time the control reaches the point where it reads the values from the URL. I was wondering how can I redraw once I read the values from URL. Some thing like refresh.
View 1 RepliesIs 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]...
When 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 was modifying the layout of a Flex application in Flex Builder. What I didn't realize was that the changes I made, were made for a particular state. There are around 6-7 states in my application. Now, I need those changes to be made to all of those states. How do I do it? As of now there are multiple lines like this in one state :
<mx:SetProperty target="{accno}" name="x" value="116"/>
<mx:SetProperty target="{accno}" name="y" value="826"/>
<mx:SetProperty target="{phone}" name="x" value="116"/>
<mx:SetProperty target="{phone}" name="y" value="866"/>
I have a randomly-sized array of items. I'd like to display one label for each item in a Repeater component. I want them to display in a grid layout with 5 columns and as many rows as needed. How do I do that in Flex / ActionScript?
View 2 RepliesI have an mx:vbox and inside i have several mx:text elements.how do i decrease the gap between each line of text that is shown ?i tried doing the following:
<mx:VBox borderColor="black" borderStyle="inset" width="80%" verticalGap="0" paddingBottom="0" paddingTop="0">
<mx:Text text="a" width="80%" paddingBottom="0" paddingTop="0"/>
[code].....
I have two panels and a button nested within an hbox. I want the panels to appear side-by-side and the button to appear under both panels equi-distant from the sides of the hbox (i.e. in the center).Getting the panels side-by-side was easy, but how do I get the button below both panels and in the center. Currently, the button show up to the right of the second panel.
View 1 RepliesIn HTML/CSS, if you float items, DIV's that exceed the width of the container are moved down 1 line.
I would like to achieve this in FLEX. I have 3 components with variable width. I would like for the 3rd component to be moved down when it doesnt fit the container any more.
I need an horizontal layout on my forms, they look like this:
[Code]...
I'm very confused about the new Flex 4 architecture...
I have a list with tile layout,I have given the item renderer's width as 100%, but the item dosen't resize to fit the content . The same scenario works well for horizontal and vertical layout.
My code looks like this
<s:List width="{this.width}" dataProvider="{allActionsArrList}">
<s:layout>
<s:TileLayout />
[Code]....