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 Replies
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].....
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]...
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)
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]...
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'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]...
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 RepliesI 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]...
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 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 have a line chart with a fixed y-axis. that is, I have values that are mostly between 30 and 70, but I'd like to have the chart y-axis as a constant between 0 and 100 so it wouldn't resize as new values are coming in (if they happen to be larger than previous values).
View 2 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'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 Repliespanning my content from left to right (with stop as intervals) then right to left (also with intervals)
1. I created an mc (name: "content")Notice in this mc, I layout 4 sets of text (like a page) from left to right
2. I created another mc (name: "pancontent_mc")
-I added a layer for "content" and created a motion tween for it to pan from left to right
-I created a mask layer on top of "content" that will show 1 set at a time
-I created an action layer that has total of 4 stops(); on each frame where the 4 sets of text will show directly under the mask.
3. maintimeline -There's only 1 layer. I placed an instance of buttons (left/right) and an instance of "pancontent_mc"
4. actions for right button, works fine and stops on each set of text.
on (release) {
this.pancontent.play();
}
5. actions for left button - none. I havent figured this out yet.
on (release) {
this.pancontent. - something like play previous frame until stop...
}
Is it possible to develop chart in flash (eg. bar chart, pie chart)?
View 1 RepliesI'm currently looking into a project which requires a line chart to be generated from an external data source (XML) with a variable number of points.
View 3 RepliesMy code works fine as long as all the dynamically created MC's have the same height.he following pulls in data from an array structured as such:
Code:
elements1= [
{file:"image1.jpg", sequence:0, header: "", description:"Text One", VRname: "Sample1" },
[code].....
I am trying to construct coordinates with distance in meters on the x-axis and time in seconds on the y-axis, without using the timeline. How can I draw the divisions on the x-axis and y-axis ? Or I better draw the whole thing.
var my_shape:Shape = new Shape();addChild(my_shape);
my_shape.graphics.lineStyle(3, 0xFF0000, 1);my_shape.graphics.moveTo(50,50);my_shape.graphics.lineTo(50, 300);my_shape.graphics.lineTo(500, 300);
I'm trying to grasp how functions and motion tweening works.
Heres my question. How do i make an object move along the y axis once it has reached its x axis target?
HEre is the code, that i got from here.
and what in this code is making the MC ease out?[code]...
I've put together this simple code for an SWF with three roll over images (called: Training, Resources and Contact).When I roll over Training I would like the symbol Training_txt to tween its alpha to 1 (from 0) and tween its y axis to 220 (from 83).When I roll out of Training I would like to run the two tweens in reverse.
This works fine for each of the three roll over images, so long as each tween is allowed to fully execute before a new tween is started. The problem arises if i quickly move the mouse curser between the three roll over images before the previous tweens have finished executing.In this instance, the tweened objects start to behave erratically. They usually return to their original position as per the roll_out tween but then start jumping between y axis 200 and y axis 83 (without tweening - they just appear).
Code below -
stop();
import fl.transitions.Tween;
import fl.transitions.easing.*;[code]..........
