Flex :: Set Y-axis Width On A Flex Chart?
Jun 28, 2011When 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 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'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].....
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 RepliesIn 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)
I am trying to create a bar char in action 3 script. But for some reason I am getting 2 y-axis and no x axis.
Can some one help spot the error. I have said "placement " bottom. The chart creation method is "getBarChartData", this method when invoked creates a barchart and adds it to a canvas. This section is visible completely and can be called on a button click.
[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]...
Is 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.
If the below code is run (i know the cData sections are not visible in the preview, something causes it to be ignored).
The result does not represent the data correctly.
1. Flex ignores missing date 24 aug for DECKER.
2. It wrongly associates 42.77 to 23-Aug instead of 24-AUG.
Is there a way in flex, where the x-axis is a union of all available points ?
[Code]....
I have a Flex chart and on the x-axis want to be able to have different intervals set so I can draw gridlines.For example the axis may be from 0 to 82 and I would want to have an interval at 6,8, 21, 29, 40, 49, 52, 59 and 70.
View 1 RepliesI'm trying to show some data that's integers but the BarChart is using fractional values on the axis which makes no sense in this scenario. Is there any way to force the chart to only use integer values on the axis? I don't know the range so it could be anything from 1 to 10000000, so I can't just explicitly set up everything.
View 4 RepliesI want to set Maximum and minimum value for X axis in bar chart in flex action script 3 file.
Following line in working in MXML file but I want these code in actionscript 3.
I am having a chart with titles for horizontal and vertical axis. the verticalAxisTitleAlignment property of the vertical axis renderer is set to vertical. The application is a portal sort of thing and this chart is placed inside a small window. on click of the window am resizing the parent of the chart. but at that time the title of the axis is blinking and it provides a feeling that the resizing is not smooth. I dont understand why this happens? does the tile renders each time when the component is maximized? is there any way to stop that?
[Code]....
I need to figure out how to get a column in a columnchart to show 100% height if it exceeds the axis maximum.For example, I am using a linear axis with a maximum of 2 but want to visually show that the column is at least 2 or greater but not show more than 2 on the axis.Currently if a value exceeds the axis maximum, flex simply doesn't show the column.
View 2 RepliesSo I have a Flex bar chart that resizes dynamically, and if I have only a few items, the height shrinks and the horizontal axis and label shrink along with it. If the height of the chart is small enough, the label shrink down to practically nothing. How can I enforce a minimum height for the axis itself? Or even a minimum font size for the labels? I've tried setting the font size on the axis renderer and the axis label renderer and Flex still wants to resize the labels how it wants.
View 1 RepliesI am taking data from SAP and displaying in column chart in a dashboard. I am using an ArrayCollection as data provider. This has 27 columns(fields). So i am using 27 columns charts. However, I also have to display the summary of these in two charts.i.e. sum of 14 columns in one chart and 13 columns into other.
View 2 RepliesI am creating column chart to show friends score statistics in facebook application. My problem is how to display friend names with images in y-axis and their score in x-axis.I cant able to pass any arguments in the method 'setSource' of tag. see the sample code here.
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical" width="100%" height="100%">
<mx:Script><![CDATA[
[Code]......
I am showing a stacked bar chart with Flex, and I am dynamically changing the data of the dataprovider. However, the minimum and maximum for the y-axis do not get reset with the new data. So if one dataset had a value of -100,000, but the next dataset has only positive values, the y-axis still starts at -100,000. How can I force the chart to redraw. I tried myChart.validateNow(), dataprovider.refresh(), etc.
[Code]...
I have a problem zooming in on a line chart with a dateTimeAxis as horizontal axis. I want to zoom in and out, by setting the minimum and the maximum attribute of the dateTimeAxis with a slider. The date labels change as should, but the lines disappear as I set the minimum or the maximum. Here's a part of the code I have:
[Code]...
I have created a flex chart with multiple Y axis. I want that it shows origin for one of the data series. It shows the line, but on the wrong plase.
Maybe it is because I didn't tell to GridLines which axis use as a source? But, I am not sure if it is possible to do...
how to show horizontal origin on a chart with multiple axis.
Here is an examle which reproduses my problem.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code]...
I wahnt to place a container (alpha red) on top of my chart like on the image.How to get the x, y (point A), width, height of this area?
View 1 RepliesI'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 RepliesI want a chart that has several separate series running in rows across. They are largely separate charts and should not overlap, but all share the same horizontal datetimeaxis. They don't share the same y-axis, however and that's where I'm getting stuck.I have tried having a linechart series and then a plotchart series, but it will only allow a single <mx:series> per chart without having them inside the same series which as far as I can tell will place the charts on top of each other in the z-axis. I can stack them and have them completely separate charts, but it was proving to be somewhat irritating having them align correctly.
Is there any reasonable way of combining multiple charts into one like this? Basically having rows in a table where each row is a different chart but the columns are consistent. or am I going to be best served just by stacking separate ones? an illustration of what i'm going for is here: http:[url]........
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 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 am trying to place an image besides the label in y-axis. So I have created a custom label renderer(A HBox containing and ). The source for the image has to be set based on a property present in the data provider. The problem is, I am not able to access the BarSeriesItem in the fnSetSource() method.
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
width="1280" height="750">
[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]...