[flexcoders] Re: X-axis values in flex chart
Did you try using labelRenderer property in AxisRenderer. Here is a
sample from livedocs
http://livedocs.adobe.com/flex/3/html/help.html?content=charts_formatting_11.html
-Sunil
--- In flexcoders@yahoogroups.com, Sefi Ninio [EMAIL PROTECTED] wrote:
Hey.
I ended up calculating the number of tick labels to skip and used the
labelFunction to return the value every calculated value.
This works great - I have a label every 10th value, and all values are
displayed in the chart as they should.
Only problem is that the label font size is still very small
(actually, it's
exactly the same size as when all labels are displayed).
I even tried to define horizontalAxisRenderers and in it a custom
renderer
with a specified fontSize but tis didn't work either...
Does anyone have any ideas on how this can be accomplished? What I
need is
to display every Xth label, with a readable font size...
Thanks,
Sefi
On Tue, Nov 18, 2008 at 10:36 AM, sefi.ninio [EMAIL PROTECTED] wrote:
Hey
I have a Flex LineChart with a lot of x values (around 300) - which
makes them not readable within the chart's container height/width.
Is there a way to make the chart display, say, every fifth value?
I am using:
mx:horizontalAxis
mx:CategoryAxis dataProvider={row} categoryField=x
labelFunction=formatHorizontalAxis /
/mx:horizontalAxis
The formatHorizontalAxis function formats unix-time into MM/DD/
using DateFormatter, and I suppose I could also implement it to return
every 5th value, but I was wondering if there is a better way to
do this.
Thanks,
Sefi
[flexcoders] Re: Seeking response to SDK-15710 jira issue.
I want to comment on FLEXDMV-1882. I have fixed this locally, and have not tested the fix thoroughly, so use the fix with caution. Basically the fix is to remove the unwanted itemRenderers from the instanceCache the ColumnSeries uses, whenever the itemRenderer changes. You can find more details about this at http://sunban.wordpress.com/2008/11/10/memory-leak-changing-columnseries-itemrenderer-at-runtime-flexdmv-1882/ Thanks -Sunil --- In flexcoders@yahoogroups.com, kumar_raj [EMAIL PROTECTED] wrote: I'm cross posting this from Flex Support Forums in hope of getting some response from Adobe --- I'm attaching here the section from sdk-15710 (flex jira) where numerous people have been asking for the availability of this bug fix which have gone unanswered. The bug however has been marked as fixed. Hoping someone from adobe will have some answers. eddie berman - [10/03/08 12:55 PM ] We're in need of this fix as well. Can you give some indication as to when it might be ready for consumption, or if it already is how we might be able to get it? (Also any comment on FLEXDMV-1882 would be appreciated as well). Thanks. [ Show » ] eddie berman - [10/03/08 12:55 PM ] We're in need of this fix as well. Can you give some indication as to when it might be ready for consumption, or if it already is how we might be able to get it? (Also any comment on FLEXDMV-1882 would be appreciated as well). Thanks. [ Permlink | « Hide ] kai mai - [10/22/08 06:11 PM ] any update on when this fix will go out and how we can help test this fix? [ Show » ] kai mai - [10/22/08 06:11 PM ] any update on when this fix will go out and how we can help test this fix? [ Permlink | « Hide ] Alan Carwile - [11/07/08 07:20 PM ] On the Adobe site, there are two bugs that seem to be the cause of the memory leak we are seeing when using the Flex Charting package with 3.0 Flex, running on Windows XP Pro SP2. Both are recorded as Fixed, and one is also noted as Closed. Still we are seeing what looks like one or both of these bugs. Adobe Flex community: How do we verify for certain that we are running versions of Flex containing these fixes? What version has fixes for both cases? How do we make sure? Please provide more information in the JIRA issues for both bugs. Obviously these are of interest to the developer community, given the follow-up posts and the number of Voters and Watchers. Thanks, Alan Carwile, Omneon, Inc. [EMAIL PROTECTED] http://bugs.adobe.com/jira/browse/SDK-15710 Flex SDK Memory Leak in Charting Fixed, Closed Votes: 12 Watchers: 19 http://bugs.adobe.com/jira/browse/FLEXDMV-1772 Flex Data Visualization Components ARLabelData class in AxisRenderer.as is causing memory leak with every new update of dataProvider in ColumnChart Fixed, Resolved Votes: 1 Watchers: 1
RE: [flexcoders] ColumnSet vs Multiple axes
Hi Richard,
I think the issue is that your items are getting filtered out because, the min
and max values calculated for the horizontal axis is getting bad.
I would set the maximum and minimum explicitly as a workaround and I think
you've already reported this as a bug, so it should be on track to get fixed.
For example, I used this as the max and min for both horizontal axes on your
sample, it worked.
minimum={new Date('12/31/2007')} maximum={new Date('02/03/2008')}
Thanks
-Sunil
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Richard
Rodseth
Sent: Tuesday, June 17, 2008 11:25 PM
To: flexcoders@yahoogroups.com
Subject: Re: [flexcoders] ColumnSet vs Multiple axes
I sent code to Sunil and Sangavi demonstrating the bug.
Now I'm looking for a workaround.
If two ColumnSeries (different date axes) are displayed at the same location,
I would like to be able to see both columns clearly, eg. through
stroke/fill/alpha choices or by offsetting them somehow to simulate a cluster.
Say the colors are red and green. With a low alpha value and red and green
strokes, I can at least ensure that there's a visible red or green line at the
top of the column, but one of the columns is always on top in the z-order,
regardless of column height. Perhaps a pair of custom BoxItemRenderers that
halve the box?
Any other ideas? Thanks.
On Sun, Jun 1, 2008 at 11:28 PM, Sunil Bannur [EMAIL PROTECTED]mailto:[EMAIL
PROTECTED] wrote:
Can you send a snippet of your code or screenshot for more help.
Thanks
-Sunil
From: flexcoders@yahoogroups.commailto:flexcoders@yahoogroups.com
[mailto:flexcoders@yahoogroups.commailto:flexcoders@yahoogroups.com] On
Behalf Of Richard Rodseth
Sent: Thursday, May 29, 2008 10:33 PM
To: flexcoders@yahoogroups.commailto:flexcoders@yahoogroups.com
Subject: [flexcoders] ColumnSet vs Multiple axes
I have two column series related to distinct horizontal axes (of type
DateTimeAxis).
If I include the two series without wrapping them in a ColumnSet, the
columns from each series display overlaid on each other.
However, if I wrap them in a ColumnSet of type clustered, only one
series displays. Has anyone else encountered this?
Thanks in advance.
inline: ~WRD000.jpginline: image001.jpginline: image002.jpg
RE: [flexcoders] Making Y-Axis Invisible on LineChart
The default behavior of charts is that, if no axis renderers are specified, it
draws its own, If you feel that an axis need not be drawn if nothing is
specified, can you pls. file an enhancement at bugs.adobe.com/flex and vote for
it.
Thanks
-Sunil
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Richard
Rodseth
Sent: Monday, June 09, 2008 2:35 AM
To: flexcoders@yahoogroups.com
Subject: Re: [flexcoders] Making Y-Axis Invisible on LineChart
You can use the visible property on AxisRenderer
mx:verticalAxisRenderers
mx:AxisRenderer placement=right axis={myAxis}
visible={showAxis} includeInLayout={showAxis}/
/mx:verticalAxisRenderers
Unfortunately, includeInLayout doesn't seem to work here. The
invisible axis still talkes up space.
On Sun, Jun 8, 2008 at 1:28 PM, kenny14390 [EMAIL
PROTECTED]mailto:kenny14390%40yahoo.com wrote:
I've got a graph and I'd like to remove the y-axis. I still want to
see the actual line graph, but just not the y-axis.
inline: ~WRD000.jpginline: image001.jpginline: image002.jpg
RE: [flexcoders] How can we bring the larger radius bubble in front in the bubble chart?
BubbleSeries always sorts the data that needs to be rendered on the value in the z Axis, check the updateMapping protected function in BubbleSeries.as. You can override this function to change this behavior and make the parameter as ASCENDING in the sortOn function and reverse the rendering logic. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of amywongwy Sent: Thursday, June 05, 2008 1:22 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] How can we bring the larger radius bubble in front in the bubble chart? Hi, I know the behavior in the bubble chart is always placed the larger radius bubble at the back and the small radius bubble in the front. Is there a way that we can bring a selected bubble in the front? Thanks. Cheers, Amy inline: image001.jpginline: image002.jpg
RE: [flexcoders] ColumnSet vs Multiple axes
Can you send a snippet of your code or screenshot for more help. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Richard Rodseth Sent: Thursday, May 29, 2008 10:33 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] ColumnSet vs Multiple axes I have two column series related to distinct horizontal axes (of type DateTimeAxis). If I include the two series without wrapping them in a ColumnSet, the columns from each series display overlaid on each other. However, if I wrap them in a ColumnSet of type clustered, only one series displays. Has anyone else encountered this? Thanks in advance. image001.jpgimage002.jpg
RE: [flexcoders] chart data change events
When the dataprovider changes, each series's protected dataChanged function gets called. Also, you could access the chart's dataProvider as a ICollection and add an event listener to it to keep track of the data changes. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of netdeep Sent: Thursday, May 22, 2008 11:25 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] chart data change events I need to capture an event for when the data is updated in a chart. I take a snapshot of the chart and save it to a file. But when I do it via a custom event which I fire myself, it fires the event and takes the screenshot before the update and so just snapshots the previous state of the chart. And if I use FlexEvent.UPDATE_COMPLETE, it doesn't register a change since what I am doing is adding data to the array which is the dataProvider for the chart. I can't put an update event listener to the array itself since the array does not have any way to reference back to it's chart. Any help would be greatly appreciated image001.jpgimage002.jpg
RE: [flexcoders] ShowDataTip makes charts impossible to destroy arrgghh!
Not sure, how you are cleaning up your charts, but datatips are part of the systemManger.toolTipChildren. The best way to get rid of datatips is to position the mouse pointer where there are no items, which would make the number of datatips on the chart to be zero, which will remove the existing datatip children in InstanceCache's set count method by calling removeChild method. The src of datavisualization (which has charts, advanced data grid) should be in your sdk\lib\DMV-source.jar, which should get extracted once you apply your license. -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Ryan Sent: Thursday, May 15, 2008 11:13 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] ShowDataTip makes charts impossible to destroy arrgghh! hi- we are working on using the Profiler in FlexBuilder 3 to improve our app's memory use. We have a number of charts using flex charting, and we are trying to destroy them when they are no longer in use. This involves cleaning up a tangled web of references to get them out of memory. this works fine, except for charts which have the showDataTips property enabled. When the chart has been moused over and the dataTip shown, destruction becomes impossible! I suspect this is b/c the dataTip still exists and is bound to the chart, thus holding the chart itself in memory even when it has been set to null and removed. Does anyone have any clue how to eliminate the dataTip so we can get the chart out of memory? As a side note, it would greatly help if we could access the source of Pie or another chart-- we have the Professional licenses which give us charting, but we only get the code in swc form? Is there any way to see the source? thanks! Ryan image003.jpgimage004.jpg
RE: [flexcoders] DateTimeAxis ( or any other axis) how to get a point in pixels from Date object
Use dataToLocal method in the series class. If you are using Flex 2.0.1 the method is part of ChartBase. -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of alex Sent: Monday, April 21, 2008 10:59 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] DateTimeAxis ( or any other axis) how to get a point in pixels from Date object Is there a function in DateTimeAxis that given some Date object will return me the Point(x,y) on the chart ? I just have a LineSeries with DateTimeAxis and it displays fine and also some custom series that giving Date object to mapCache and transformCache I get the pixel values. But the problem is that they are not aligned using the same Date. Something in the process of Date - Point in my custom series makes it couple of pixels off, so I'm trying to realign them. image001.jpgimage002.jpg
RE: [flexcoders] Flex Chart Region Selection Coordinates
You could override ChartBase's getItemsInRegion(value:Rectangle):Array to get the co-ordinates i.e. value and return any item that needs to be selected. The default implementation gives items from all the series which fall in that region. The co-ordinates will be in global space, you might need to chart.globalToLocal to get that in to local space. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of jbucaran Sent: Friday, April 18, 2008 12:03 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Flex Chart Region Selection Coordinates This applies to Flex Chart controls. How can I get the coordinates of a selected region in a Flex chart? Is it possible to get the rectangular coordinates of a selected region? I am not interested in the selected items, but rather, the rectangular coordinates of the selected region. Do I need to apply any system transformations? In any case, how do I accomplish this? Jorge Bucaran Venezuela image001.jpgimage002.jpg
RE: [flexcoders] Drag a PlotSeries Item?
This is a bug, it would be great, if you can file this. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of frantickraken Sent: Thursday, April 17, 2008 11:30 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Drag a PlotSeries Item? I would like to be able to drag a PlotSeries item, but I'm having some issues. I can sort of do it by setting the containing Chart's .dragEnabled property to true, but the PlotSeries point drags far from the mouse pointer... I thought I could maybe set the PlotSeries' .dragEnabled to true, but it doesn't have that property. How can I drag just the point? What is currently happening - am I dragging the whole Chart?? image001.jpgimage002.jpg
RE: [flexcoders] Re: Stack Chart ItemClick detail?
Or you could just use chart.series.indexOf(chartItem.element), which
would return the index of that particular series in the series array of
ChartBase
Thanks
-Sunil
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of EddieBerman
Sent: Wednesday, April 16, 2008 9:18 PM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Re: Stack Chart ItemClick detail?
I couldn't find that info either. The solution I'm using, until I
learn of a more direct way, is to assign a number to the ColumnSeries
Name property when I create each ColumnSeries (I happen to use
Series0, Series1, Series2, etc).
Here's the relevant code fragmants for creating, and then accessing
the column number.
// Creating the columns
private const SeriesName:String = Series;
for (var c:int = 1; c seriesCount; c++) {
var cs:ColumnSeries = new ColumnSeries();
cs.name = SeriesName + id; // Series0, Series1, Series2,etc
etc...
}
// Accessing the clicked column's data
public function chartItemSelected (e:ChartItemEvent):void
{
// extract the number after Series
var str:String =
e.hitData.chartItem.element.name.substr(SeriesName.length,
e.hitData.chartItem.element.name.length);
var colNum:Number = parseInt(str);
}
Hope that helps, and/or we learn of a better way.
-Eddie
--- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com
, securenetfreedom [EMAIL PROTECTED] wrote:
Is there a way to click on a stacked ColumnChart and receive data
about the specific segment of ColumnChart stack that was clicked?
I am using mx.charts.events.ChartItemEvent but I can't find anything
in the event object that identifies the exact slice that was clicked.
Thanks. Jeff
image001.jpgimage002.jpg
RE: [flexcoders] LineChart w/effect messes up when horizontalAxis gets more data
You could try using a labelRenderer(You can customize height, width, how its written etc.) and also try the styles labelRotation, canStagger, canDropLabels, labelGap) If you can post an example, it would be useful to suggest a solution. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of bjorn - Sent: Friday, April 11, 2008 2:40 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] LineChart w/effect messes up when horizontalAxis gets more data Hi guys, I have a LineChart which uses SeriesInterpolate with an easeOut function to make it look good when the data is changed. It's a linechart which displays data by weeks. I've added FlexLib's HSlider below it so that the use can change the week interval. The linechart effect looks good most of the time, however when a user selects many weeks it makes the horizontal labelfield bigger (since it needs to be drawn on two lines Week 5, week 6, week 7 etc.). What happens is that the effect plays out normally first, and then it sort of jumps to adjust itself to the new y location of the horizontal line. And that's kind of annoying :) Any hints on how this can be fixed? Can I specify a fixed height of the horizontal labels or maybe speficy x/y for the x/y of the chart or something ... If this didn't make sense let me know and I'll throw up an example ;-) -- http://www.juicability.com - flex blog http://www.43min.com - funny movies image001.jpgimage002.jpg
RE: [flexcoders] charts: disable datatip for values min_value
You have to override finddatapoints function, in the corresponding series, you can choose what points needs to be sent, whose datatips needs to be shown. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of mavdzee Sent: Thursday, March 13, 2008 11:47 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] charts: disable datatip for values min_value Hi, Is it possible to disable datatips for values that are less than a certain minimum? Sometimes I have bars that are so small that they don't fit into the scale of the axis and hence are not shown. Still, somehow I get datatips for such values when I do a mouse-over, it seems. Is it possible to disable datatips? I am using a datatip-function but noticed returning null or and empty string does not prevent the datatip from poping up. Cheers, Andrej
RE: [flexcoders] Problems with multi vertical axis charting
The issue is you are using categoryAxis as your verticalAxis for your
LineSeries. That should be a NumericAxis, such as LinearAxis.
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of kuroiryu42
Sent: Friday, March 07, 2008 8:56 AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Problems with multi vertical axis charting
mx:LineChart width=85% height=100% showDataTips=true
id=lineChart
mx:horizontalAxis
mx:CategoryAxis id=dropHaxis categoryField=date/
/mx:horizontalAxis
mx:horizontalAxisRenderers
mx:AxisRenderer placement=bottom axis={dropHaxis}
canDropLabels=true/
/mx:horizontalAxisRenderers
mx:verticalAxisRenderers
mx:AxisRenderer placement=left axis={leftAxis}/
mx:AxisRenderer placement=right axis={rightAxis}/
/mx:verticalAxisRenderers
mx:series
mx:LineSeries id=pointsSeries horizontalAxis={dropHaxis}
dataProvider={dropData}
yField=points stroke={s1} displayName=points form=segment
mx:verticalAxis
mx:CategoryAxis id=leftAxis categoryField=points/
/mx:verticalAxis
/mx:LineSeries
mx:LineSeries horizontalAxis={dropHaxis}
dataProvider={dropData}
yField=price stroke={s2} displayName=price form=segment
mx:verticalAxis
mx:CategoryAxis id=rightAxis categoryField=price/
/mx:verticalAxis
/mx:LineSeries
/mx:series
/mx:LineChart
There is a list that contains products and update the chart data
as items are clicked. That part works fine originally had both data
series showing up with single axis. now nothing.
RE: [flexcoders] ColumnChart - creating multiple Linear Axis via ActionScript - Help!
Just use the following, p is the panel and h1 is the horizontal Axis,
I'm using the same axis created by your code snippet, also changed the
width, height of the other chart to 50% to make some room for this
chart.
private function init():void
{
var c:ColumnChart = new ColumnChart();
c.dataProvider = expensesAC;
c.width = linechart.width;
c.height = linechart.height;
c.horizontalAxis = h1;
c.verticalAxis = v1;
var s1:ColumnSeries = new ColumnSeries();
s1.yField = Profit;
var s2:ColumnSeries = new ColumnSeries();
s2.yField = Expenses;
s2.verticalAxis = v2;
c.series = [s1,s2];
var ar1:AxisRenderer = new AxisRenderer();
ar1.axis = v1;
var ar2:AxisRenderer = new AxisRenderer();
ar2.axis = s2.verticalAxis;
var ar3:AxisRenderer = new AxisRenderer();
ar3.axis = h1;
c.horizontalAxisRenderers = [ar3];
c.verticalAxisRenderers = [ar1,ar2];
p.addChild(c);
}
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of EddieBerman
Sent: Thursday, February 07, 2008 6:18 AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] ColumnChart - creating multiple Linear Axis via
ActionScript - Help!
I'm having difficulty understanding how to create, via AS3, a
ColumnChart that contains multiple verticalAxis. I'm familiar with the
sample program MultipleAxis provided by Adobe, but can't correctly
translate this to AS3 code. All is good until I need to create and set
the multiple AxisRenderer objects. Can anyone more familiar give me a
suggestion, or point to any reference material for doing this in AS3?
Thanks.
I've pasted the Adobe MXML sample code below that I'd like to replicate:
mx:ColumnChart id=linechart height=100% width=100%
paddingLeft=5 paddingRight=5
showDataTips=true dataProvider={expensesAC}
mx:horizontalAxis
mx:CategoryAxis categoryField=Month/
/mx:horizontalAxis
mx:verticalAxis
mx:LinearAxis id= v1/
/mx:verticalAxis
mx:verticalAxisRenderers
mx:AxisRenderer axis = {v1}/
mx:AxisRenderer axis = {v2}/
/mx:verticalAxisRenderers
mx:series
mx:ColumnSeries yField=Profit displayName=Profit
itemRenderer=mx.charts.renderers.CircleItemRenderer
/mx:ColumnSeries
mx:ColumnSeries yField=Expenses displayName=Expenses
itemRenderer=mx.charts.renderers.CircleItemRenderer
mx:verticalAxis
mx:LinearAxis id = v2 /
/mx:verticalAxis
/mx:ColumnSeries
/mx:series
/mx:ColumnChart
RE: [flexcoders] Re: Chart Bug? Setting a backgroundElement bitmap at runtime
Not sure, whether you are setting the width and height of the image you are loading dynamically. Also pushing it in to the backgroundelements array would not work, it should be assigned like this chart.backgroundelements = AnArray; Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of EddieBerman Sent: Friday, February 01, 2008 9:12 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] Re: Chart Bug? Setting a backgroundElement bitmap at runtime Let me just clarify the specific bit of code that I assumed would work, but isn't. At runtime, way after creationComplete(), I create an mx:Image object, load a .jpg into it from my local file system, and then push it onto the backgroundElements array. I've also tried simply setting it as the sole member of that backgroundElements array. The only thing I know for certain is that when I test the .jpg loading by adding that mx:Image to the canvas, it displays correctly. Since I'm not having success, I'm wondering if this is a chart bug. Or - if there's another (or rather, a correct) way to accomplish this goal. I couldn't find any mention of this method in the Flex LiveDocs. Thanks again. --- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com , EddieBerman [EMAIL PROTECTED] wrote: Flex 3 newbie here with a problem I can't seem to solve by myself. I've been unable to set a backgroundElement bitmap with an image loaded at runtime. I can accomplish it without problem using either: 1) an mx:Image with a predefined @Embed source property within mx:backgroundElements tags (as is well documented) and/or 2) AS3 code to explicitly push an Embed'd image (also well documented). But - I can't seem to set an image that I load at runtime. I load the image and (to test it) display it in an mx:Image object that I create at the same time. Then, either I don't know exactly what type of object to push into the backgroundElements array, or Flex doesn't support this. I've tried using bitmaps, images, etc, but nothing seems to work. I also can't find any documentation for this method. Can anyone point me to either a reference, or suggest a way to accomplish this? Much appreciated. -Eddie
RE: [flexcoders] Re: How do I alternate labeling tickmarks on a linechart?
Use the interval property on the Axis -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of anthony_morsey Sent: Thursday, January 31, 2008 6:53 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] Re: How do I alternate labeling tickmarks on a linechart? I think tickInterval is associated with a slider control isn't it? I'm producing a linechart. Anyone?? --- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com , Sherif Abdou [EMAIL PROTECTED] wrote: tickInterval - Original Message From: anthony_morsey [EMAIL PROTECTED] To: flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com Sent: Wednesday, January 30, 2008 5:51:09 PM Subject: [flexcoders] How do I alternate labeling tickmarks on a linechart? I want the x-axis to have tickmark labels every 3 tickmarks like this: _6063___ _6669_ ___72 7578_ What I get now by default is this: __60_61_62_63_ 64_65_66_ 67_68_69_ 70_71_72_ 73_74_75_ 76_77_78 Any help would be appreciated Tony __ Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ
RE: [flexcoders] Re: Setting custom fills array in a chart
use the fill style rather than fills.
Thanks
-Sunil
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of reflexactions
Sent: Wednesday, January 23, 2008 12:54 PM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Re: Setting custom fills array in a chart
Thanks,
I had tried that but the problem with that is that it doesnt work as
expected.
This will cause each column in a single series to have a different
color wherease I want all columns in a series to have the same color.
ie Using the adobe default the first series is all gold, the second
is all green, the third is all blue.
I want to do the same except I want to change those color to
something else, the something else being a set of colors specified by
the designer.
There are many, many charts, and any number of series and I want to
simplify it for the developer when they add charts in to the
application.
tks
--- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com
, Sunil Bannur [EMAIL PROTECTED] wrote:
mx:Style
.myRedColumnSeries {
fills: #FF0033, #FF, #FF6633;
}
.myGreenColumnSeries {
fills: #33FF00, #33FF33, #33FF66;
}
/mx:Style
mx:ColumnSeries ... styleName=myRedColumnSeries /
Thanks
-Sunil
From: flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com
[mailto:flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com
] On
Behalf Of reflexactions
Sent: Wednesday, January 23, 2008 11:16 AM
To: flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com
Subject: [flexcoders] Setting custom fills array in a chart
FB3.3
What I want to do is to specify an array of fill color in CSS that
all
my charts can use, line/bar etc...
To act exactly as a replacement for the halo default array of chart
colors.
How can I do this?
tks
RE: [flexcoders] Re: Setting custom fills array in a chart
ok
The easiest solution would be to modify defaultColors HaloDefaults.as in
your Charts src. with your colors
Also, if it helps you, You could put an enhancement request to have
public APIs to access values in HaloDefaults class.
Thanks
-Sunil
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of reflexactions
Sent: Wednesday, January 23, 2008 3:06 PM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Re: Setting custom fills array in a chart
Thanks for the reply.
If we use the fill style it means having one style for every possible
color we will use and then it means that every series has to be
explicitly set with that style which is a mammoth task and it means
we need to go through and review every single chart to make sure the
style are applied in the right order ie series1 is red, series2 is
green even in cases where they are being built in code so you
need to check conditional statement which may or may not add a series
Over a very large applicaton with many charts thats a lot of work..
Whereas currently just using the Adobe colors it no work at all, they
are always in the same order however many series we add to a chart,
even if we build a chart dynamically and add series on the fly it
still is correct.
So what I was looking for is some way to specify the pallete of
colors that will be used in a chart.
--- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com
, Sunil Bannur [EMAIL PROTECTED] wrote:
use the fill style rather than fills.
Thanks
-Sunil
From: flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com
[mailto:flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com
] On
Behalf Of reflexactions
Sent: Wednesday, January 23, 2008 12:54 PM
To: flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com
Subject: [flexcoders] Re: Setting custom fills array in a chart
Thanks,
I had tried that but the problem with that is that it doesnt work
as
expected.
This will cause each column in a single series to have a different
color wherease I want all columns in a series to have the same
color.
ie Using the adobe default the first series is all gold, the second
is all green, the third is all blue.
I want to do the same except I want to change those color to
something else, the something else being a set of colors specified
by
the designer.
There are many, many charts, and any number of series and I want to
simplify it for the developer when they add charts in to the
application.
tks
--- In flexcoders@yahoogroups.com
mailto:flexcoders%40yahoogroups.com mailto:flexcoders%
40yahoogroups.com
, Sunil Bannur sbannur@ wrote:
mx:Style
.myRedColumnSeries {
fills: #FF0033, #FF, #FF6633;
}
.myGreenColumnSeries {
fills: #33FF00, #33FF33, #33FF66;
}
/mx:Style
mx:ColumnSeries ... styleName=myRedColumnSeries /
Thanks
-Sunil
From: flexcoders@yahoogroups.com
mailto:flexcoders%40yahoogroups.com mailto:flexcoders%
40yahoogroups.com
[mailto:flexcoders@yahoogroups.com
mailto:flexcoders%40yahoogroups.com mailto:flexcoders%
40yahoogroups.com
] On
Behalf Of reflexactions
Sent: Wednesday, January 23, 2008 11:16 AM
To: flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com
mailto:flexcoders%
40yahoogroups.com
Subject: [flexcoders] Setting custom fills array in a chart
FB3.3
What I want to do is to specify an array of fill color in CSS
that
all
my charts can use, line/bar etc...
To act exactly as a replacement for the halo default array of
chart
colors.
How can I do this?
tks
RE: [flexcoders] Setting custom fills array in a chart
mx:Style
.myRedColumnSeries {
fills: #FF0033, #FF, #FF6633;
}
.myGreenColumnSeries {
fills: #33FF00, #33FF33, #33FF66;
}
/mx:Style
mx:ColumnSeries ... styleName=myRedColumnSeries /
Thanks
-Sunil
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of reflexactions
Sent: Wednesday, January 23, 2008 11:16 AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Setting custom fills array in a chart
FB3.3
What I want to do is to specify an array of fill color in CSS that all
my charts can use, line/bar etc...
To act exactly as a replacement for the halo default array of chart
colors.
How can I do this?
tks
RE: [flexcoders] edit labels of the pie chart
With Flex 3, the segments get selected, if you have set the selectionMode on the chart. For the label to get selected, you have to write some custom code on item_click or change events. BTW, what is your objective of selecting the label? copy-paste? is it an air app or a flex app? Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of ravi6mrgn Sent: Friday, January 18, 2008 11:47 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] edit labels of the pie chart Hi All, I am developing an application in which, it is desired that a user should be able to click on the labels (which are showing the details of a pie chart). Upon clicking the labels it should get selected and the corresponding segments of the pie charts should also get selected. Any help will be highly appreciated
RE: [flexcoders] Two chart components w. Linear Axis calling similar function on them breaks down
Can you post a small code snippet, if you use the same axis for both the charts, then this can happen, not sure whether thats the issue you are facing. -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of alex Sent: Friday, January 18, 2008 6:22 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] Two chart components w. Linear Axis calling similar function on them breaks down Hey I have two ColumnChart components with Linear Axis I call labelFunction on each of them , the functions are similar in functionality but different variables names. I'm just cleaning up labels and ticks arrays to contain less members. What strange happens is that the functions does not work well, their functionality breaks down. I don't call from second component the second function, everything works fine ! They can't overlap, I renamed everything ... This is the second time I notice it , had problem with gridLines too had to create arrays with two different ids to use in each chart for background elements , otherwise one would not work. I use Flex 2.0.1 Anyone ?
RE: [flexcoders] Bubble chart BUG??
This I believe is a bug and was fixed in Flex 3 Beta 2. Here is the bug
id https://bugs.adobe.com/jira/browse/FLEXDMV-1252
Thanks
-Sunil
From: Steve Waugh [mailto:[EMAIL PROTECTED]
Sent: Thursday, December 13, 2007 2:45 PM
To: flexcoders@yahoogroups.com; Sunil Bannur
Subject: Re: [flexcoders] Bubble chart BUG??
Hi Sunil,
I am using flex 2 but I am sure it will be same on Flex 2.0.1.
Here is an example code. Please note that once you drag
the bubble chart canvas all the way up the Y axis
disappears and bubbles lose their Y coordinate value. I have
seen in some other instances that all the bubbles almost
appear on same line which means same Y value. I am
attaching the code here:
It is very straight forward and simple code.
?xml version= 1.0 encoding=utf-8?
mx:Application xmlns:mx=http://www.adobe.com/2006/mxml;
layout=absolute
mx:Script
![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var expensesAC:ArrayCollection = new ArrayCollection( [
{ Month: Jan, Profit: 2000, Expenses: 1500, Amount: 450 },
{ Month: Feb, Profit: 1000, Expenses: 200, Amount: 600 },
{ Month: Mar, Profit: 1500, Expenses: 500, Amount: 300 },
{ Month: Apr, Profit: 1800, Expenses: 1200, Amount: 900 },
{ Month: May, Profit: 2400, Expenses: 575, Amount: 500 }
]);
]]
/mx:Script
mx:XMLList id=employees
employee
nameChristina Coenraets/name
phone555-219-2270/phone
email[EMAIL PROTECTED]/email
activetrue/active
/employee
employee
nameJoanne Wall/name
phone555-219-2012/phone
email [EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
/email
activetrue/active
/employee
employee
nameMaurice Smith/name
phone555-219-2012/phone
email[EMAIL PROTECTED]/email
activefalse/active
/employee
employee
nameMary Jones/name
phone555-219-2000/phone
email[EMAIL PROTECTED]/email
activetrue/active
/employee
/mx:XMLList
mx:Panel x=10 y=10 width=726 height=618 layout=absolute
mx:VDividedBox x=0 y=0 width=100% height=100%
mx:Canvas height=100% width=100%
mx:BubbleChart id=bubblechart
height=100% width=100%
paddingRight=5 paddingLeft=5
showDataTips=true maxRadius=20
dataProvider={expensesAC}
mx:series
mx:BubbleSeries displayName=Profit/Expenses/Amount
xField=Profit yField=Expenses
radiusField=Amount/
/mx:series
/mx:BubbleChart
/mx:Canvas
mx:Canvas height=0% width=100%
mx:DataGrid id=dg width=100% height=100% rowCount=5
dataProvider={employees}
mx:columns
mx:DataGridColumn dataField=name headerText=Name/
mx:DataGridColumn dataField=phone
headerText=Phone/
mx:DataGridColumn dataField=email
headerText=Email/
/mx:columns
/mx:DataGrid
/mx:Canvas
/mx:VDividedBox
/mx:Panel
/mx:Application
On Dec 12, 2007 3:44 AM, Sunil Bannur [EMAIL PROTECTED] wrote:
What is the version you are using Flex 2.0.1, Flex 3 Beta 1, Flex 3 Beta
2? Also, could you post a little code snippet, which causes this.
-Sunil
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of hworke
Sent: Wednesday, December 12, 2007 5:57 AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Bubble chart BUG??
Hi,
in a VDividedBox I have a grid and a bubble chart as children.
Initially Bubble chart's height is 100% and grid's height is 0%.
So only the Bubble chart is visible.
Now If I drag the grid all the way up and make the chart totally
disappear then the next time I drag down the bubble chart part,
all the bubbles appear in one line. The bubbles of the chart lose
their axis values and appear in one line. Is this a BUG? Is there
any work around for this?
Regards,
Steve
RE: [flexcoders] Bubble chart BUG??
What is the version you are using Flex 2.0.1, Flex 3 Beta 1, Flex 3 Beta 2? Also, could you post a little code snippet, which causes this. -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of hworke Sent: Wednesday, December 12, 2007 5:57 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] Bubble chart BUG?? Hi, in a VDividedBox I have a grid and a bubble chart as children. Initially Bubble chart's height is 100% and grid's height is 0%. So only the Bubble chart is visible. Now If I drag the grid all the way up and make the chart totally disappear then the next time I drag down the bubble chart part, all the bubbles appear in one line. The bubbles of the chart lose their axis values and appear in one line. Is this a BUG? Is there any work around for this? Regards, Steve
RE: [flexcoders] Hide data tips on one series only
showAllDataTips is to show the datatips at all times, if you do not want
that, just unset it and datatips would show when the user hovers the
mouse on that item.
-Sunil
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Sreejith Unnikrishnan
Sent: Wednesday, December 12, 2007 4:17 PM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Hide data tips on one series only
Hi,
If I use 2 series on one chart - say a line series with a plot series,
how can I prevent the datatips from showing when I set showAllDataTips
to true in the LineChart control?
mx:LineChart dataProvider={d} showAllDataTips=true
dataTipFunction=setdp
..
mx:series
mx:LineSeries xField=Time yField=Score /
mx:PlotSeries xField=Time yField=Score /
/mx:series
/mx:LineChart
Regards
--
Sree
RE: [flexcoders] Line Chart Zooming - data points drawn incorrectly
Iain, Have you overridden mapcache also? Can you post a sample code to nail down the problem? Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of imjackson84 Sent: Monday, December 03, 2007 10:47 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Line Chart Zooming - data points drawn incorrectly Hi, My application has a LineChart with a customized DateTimeAxis for displaying stock data. One of the features I am working on is the ability to zoom into a section of the chart, accomplished by adjusting the axis min/max values. The problem is that for charts showing intra-day data, when I zoom in the data points are rendered incorrectly - specifically, the distance on the x-axis between the 1st and 2nd points is much longer than it should be, with the rest of the points squashed up in the remaining space. I've already verified that the transformCache() function in my DateTimeAxis class is producing correct convertedField values, but somehow the conversion from these fractional values to actual screen coordinates is going wrong. Does anyone have any ideas about where this error can be appearing? I've looked at the CartesianTransform class, but I don't know if it's possible to use a customised version of this in my application. I hope this makes sense... thanks. Iain
RE: [flexcoders] Re: Line Chart Zooming - data points drawn incorrectly
Cartesian Transform transformCache() calls Axis's transformCache to get the values in dataspace and converts that to pixels. So, in all probabilities, the values returned by the Axis's transformCache might not be the same with which the width of the axis has been calculated (as part of CartesianChart's updateDisplayList, which gets triggered as part of events mappingChange and axisChange which get dispatched as part of set of maximum and minimum of an Axis. You might want to check that. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of imjackson84 Sent: Tuesday, December 04, 2007 3:10 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Re: Line Chart Zooming - data points drawn incorrectly Hi, Unfortunately the code is fairly large and split into multiple classes, I'm not really sure which code I could post - plus, this is an internal project for the company I'm working for so I wouldn't really be allowed to post much code anyway. I am not over-riding mapCache(), I'm using the default functionality for that and it works fine. Could I just check what the exact process is for mapping data onto the screen, in terms of what functions are called? 1. mapCache() in DateTimeAxis converts the raw data into date values in milliseconds. 2. transformCache() in NumericAxis converts the values into fractions of the axis length, ranging from 0 to 1. 3. transformCache() in the chart's CartesianTransform object takes these fractional values and multiplies them by the width of the chart area in pixels, giving a pixel coordinate. In my case, steps 1 and 2 are working fine, it's somewhere after that point where things go wrong. Are there any other functions involved? And is there a way that I could use my own CartesianTransform, if only to try some manual debugging (I don't have Flex Builder). Thanks, Iain --- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com , Sunil Bannur [EMAIL PROTECTED] wrote: Iain, Have you overridden mapcache also? Can you post a sample code to nail down the problem? Thanks -Sunil From: flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com [mailto:flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com ] On Behalf Of imjackson84 Sent: Monday, December 03, 2007 10:47 PM To: flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com Subject: [flexcoders] Line Chart Zooming - data points drawn incorrectly Hi, My application has a LineChart with a customized DateTimeAxis for displaying stock data. One of the features I am working on is the ability to zoom into a section of the chart, accomplished by adjusting the axis min/max values. The problem is that for charts showing intra-day data, when I zoom in the data points are rendered incorrectly - specifically, the distance on the x-axis between the 1st and 2nd points is much longer than it should be, with the rest of the points squashed up in the remaining space. I've already verified that the transformCache() function in my DateTimeAxis class is producing correct convertedField values, but somehow the conversion from these fractional values to actual screen coordinates is going wrong. Does anyone have any ideas about where this error can be appearing? I've looked at the CartesianTransform class, but I don't know if it's possible to use a customised version of this in my application. I hope this makes sense... thanks. Iain
RE: [flexcoders] Bubble chart item
This was a bug, it has been fixed in Flex 3 beta 2. You can also override guardminmax function of numericaxis to adjust your min and max values of the axis. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of hworke Sent: Wednesday, November 28, 2007 3:57 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Bubble chart item Hi, in a bubble chart the bubbles do not show up if the radius of every single bubble are equal. Is it a bug or this is the way it should be? Regards
RE: [flexcoders] Multiple Bubble Chart itemRenderer
Hi Steve, changing the itemrenderer dynamically (once the series and items have already been created) in charts is not supported, pls. file an enhancement request at http://bugs.adobe.com/flex , so that it can be considered. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of hworke Sent: Monday, November 26, 2007 10:43 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] Multiple Bubble Chart itemRenderer Hello All!!! I am creating a bubble chart with custom renderer. The render item is basically a button in a canvas. Depending on the bubbles' value the buttons get their color. This part works fine. I have another custom itemRenderer which I want to assign to the bubbleSeries if a particular event occurs. The problem I am having is -- assigning itemrenderer dynamically to a bubbleserier. Here are the lines that I tried but did not work: var series:Object = bubblechart.series[0]; // bubblechart is main charts id series.itemRenderer = new ClassFactory(bubbleRenderer1); // bubbleRenderer1 is custom renderer Any help will be appreciated. Best regards... Steve
RE: [flexcoders] irregular x-axis intervals on a line chart
Can you post a screenshot, it would be easier to understand. From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of simonjpalmer Sent: Thursday, November 22, 2007 7:27 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] irregular x-axis intervals on a line chart I have a situation where I am plotting time on the x-axis of a line chart and a continuous numeric quantity on the y-axis. The events which form the data series do not happen at regular intervals, so the gap between them on the x-axis is irregular. I have several series of data that exhibit this, each captured on its own irregular schedule. If I put this on a line chart and make the x-axis interval regular it skews the slope of the line between points and misrepresents the data. Worse I end up lining up events which did not happen simultaneously and I cannot label the x-axis at all. If I was doing this in Excel I would create a 2-D scatter plot with lines joining the dots. Anyone seen a good example of how to do this kind of chart in Flex?
RE: [flexcoders] Flex is quite flakey (spurious errors!)
Not sure what you are trying to do, but series.items gives you the list of all pieseriesitems in the series. Can you pls. post a code snipped, which is giving this error. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mark Ingram Sent: Friday, November 02, 2007 4:48 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Flex is quite flakey (spurious errors!) Another strange error from flex: TypeError: Error #1034: Type Coercion failed: cannot convert mx.charts.series.items::[EMAIL PROTECTED] to mx.charts.series.items.PieSeriesItem. at mx.charts.renderers::WedgeItemRenderer/set data()[C:\dev\flex_201_gmc\sdk\frameworks\mx\charts\renderers\WedgeItemR enderer.as:95] at mx.charts.series::PieSeries/updateDisplayList()[C:\dev\flex_201_gmc\sdk\ frameworks\mx\charts\series\PieSeries.as:1015] at mx.core::UIComponent/validateDisplayList()[C:\dev\flex_201_gmc\sdk\frame works\mx\core\UIComponent.as:5760] at mx.managers::LayoutManager/validateDisplayList()[C:\dev\flex_201_gmc\sdk \frameworks\mx\managers\LayoutManager.as:600] at mx.managers::LayoutManager/doPhasedInstantiation()[C:\dev\flex_201_gmc\s dk\frameworks\mx\managers\LayoutManager.as:673] at Function/http://adobe.com/AS3/2006/builtin::apply() at mx.core::UIComponent/callLaterDispatcher2()[C:\dev\flex_201_gmc\sdk\fram eworks\mx\core\UIComponent.as:7909] at mx.core::UIComponent/callLaterDispatcher()[C:\dev\flex_201_gmc\sdk\frame works\mx\core\UIComponent.as:7852] cannot convert mx.charts.series.items::[EMAIL PROTECTED] to mx.charts.series.items.PieSeriesItem I don't even know what to say about this... Mark
RE: [flexcoders] List change event to BubbleChart
Flex 3 Charts has selection capabilities, and it has APIs to specify what items should be selected, which does exactly what you have described. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of picklzzz Sent: Sunday, October 28, 2007 4:44 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] List change event to BubbleChart I'm a newbie and have, what I think is, a simple task: I have a BubbleChart populated from an ArrayCollection consisting of fields name, x, y, and size. I populate an adjoining List with the name field. I would like to be able to select on, possibly multiple, names in the List and have the bubble in the bubblechart get highlighted (perhaps by glowing or having the other bubbles alpha value increase so they aren't as prominent) I can't figure out whether a filter is necessary (I already have another filter for my arraycollection) or there's another way. Any help would be greatly appreciated.
RE: [flexcoders] Having duplicate rows in a chart
If you use a categoryAxis, this is not possible. Try using a Datetime Axis and define a label function, to get the labels you want. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mark Ingram Sent: Monday, October 22, 2007 3:42 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Having duplicate rows in a chart Hi, does anyone know how I can get duplicate rows in a datagrid / chart? I have a datagrid and chart (using xml data source) that looks like this: Monday 4 Tuesday56 Wednesday404 Thursday 3 Friday 12 Monday 54 Tuesday94 Wednesday3 Thursday 0 Friday 189 But in the graph, I only get one set of figures (for the last week). I can see why this is happening - the last data field value overrides the original one - but is there any way of stopping this behaviour? Thanks, Mark
RE: [flexcoders] Question about use of datatipFunction in AreaChart with multiple AreaSeries
The hitdata parameter to the datatip function has the chartitem for which the datatip needs to be shown, chartitem has the element to which series it belongs to. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of generalxxaxx Sent: Thursday, October 04, 2007 11:47 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] Question about use of datatipFunction in AreaChart with multiple AreaSeries I would like to customize the datatip on a chart that has two AreaSeries. Problem is, I can not tell which line in the series is being painted at the point the datatipFunction is called. And I wanted the datatip to have different text depending upon which line was involved. Is there a solution for this? Regards, Claude
RE: [flexcoders] X and Y position of AIR app...
Stage.nativeWindow has x and y, it does not show in FlexBuilder as part of code hinting. You can modify them by setting your own values. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Scott Prentice Sent: Thursday, October 04, 2007 3:51 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] X and Y position of AIR app... Hi... This is probably a very simple question, but I'm just not finding the answer. I've got a Flex-based AIR app, and I want to be able to set its size and location on startup to where it was when the app was last closed. I've got the code working to set the window size (height/width), but I'm not seeing how to get/set the x/y position of the application window. Any ideas? Thanks, ...scott
RE: [flexcoders] Tooltip on the CategoryAxis of a BarChart?
Have you explored using a labelRenderer property in AxisRenderer - you
can have a Flex Label which shows a tooltip on mouseover.
This should help
mx:verticalAxisRenderer
mx:AxisRenderer
mx:labelRenderer
mx:Component
mx:Label
mx:Script
![CDATA[
override public
function set data(value:Object):void{
if(value ==
null)
return;
text =
value.text;
}
]]
/mx:Script
/mx:Label
/mx:Component
/mx:labelRenderer
/mx:AxisRenderer
/mx:verticalAxisRenderer
Thanks
-Sunil
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Mark
Sent: Wednesday, September 26, 2007 4:42 PM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Tooltip on the CategoryAxis of a BarChart?
The Vertical Axis on my bar chart holds Project Names. As you can
imagine they can get pretty large so I have a label funtion to
truncate anything over 15 characters. I'd like to be able to get a
tooltip on them so the user can just roll over the name to see the
full name.
Is this something that can be done, if so, how? I can't any kind of
way to do it.
Thanks
RE: [flexcoders] Specify custom colors for a LineChart is not possible ??
The strokes used by the lineSeries are objects and currently object based styles cannot be specified in CSS. I would create those specific strokes and assign them in either MXML code or AS code as a workaround at this point. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of superabe superabe Sent: Thursday, September 27, 2007 3:32 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Specify custom colors for a LineChart is not possible ?? Is there a simple way to specify custom colors for a LineChart Series using CSS (Flex 3) ? This should be a no-brainer. I can't believe there is no documentation on this anywhere. I am finding with the Charting stuff, that simple stuff can sometimes seem frustratingly difficult. Hoping somebody proves me wrong or points me to some docs. TIA - superabe
RE: [flexcoders] Rotate vertical axis title in Chart
You cannot do this in 2.0, however it's possible in Flex 3. There is a new style added for AxisRenderer, verticalAxisTitleAlignment, the values could be flippedVertical or vertical. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Claude Hussenet Sent: Thursday, September 27, 2007 5:36 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Rotate vertical axis title in Chart Is there a way to rotate the title of the vertical axis ? By default the title is reading down for the left axis . Should not it be reading up ? Can I rotate it ? Thx for your help .
RE: [flexcoders] Specify custom colors for a LineChart is not possible ??
Superabe, you are right about the usecase, and object based styles is something that is still under consideration. However, we can add that stroke and lineStroke styles cannot be used in a CSS in the documentation, however all other styles should work in CSS. Documentation for Flex 3 is still in works. Thanks for providing feedback. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of superabe superabe Sent: Thursday, September 27, 2007 4:08 PM To: flexcoders@yahoogroups.com Subject: Re: [flexcoders] Specify custom colors for a LineChart is not possible ?? Not to vent/rant here...but that is pretty lame. When using a LineChart, that is probably the first use case that folks would want to customize. On top of this the docs mention style properties for for both LineChart (chartSeriesStyleName) and for LineSeries (fill, fills)which I assume is completely wrong. At the very least, remove that from the docs, so at least folks dont waste their time with trying to get that to work!! I am not sure I am the first one to raise this as I have seen at least one other post on this. - superabe On 9/27/07, Sunil Bannur [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: The strokes used by the lineSeries are objects and currently object based styles cannot be specified in CSS. I would create those specific strokes and assign them in either MXML code or AS code as a workaround at this point. Thanks -Sunil From: [EMAIL PROTECTED] ups.com [mailto:flexcoders@yahoogroups.com http://yahoogroups.com ] On Behalf Of superabe superabe Sent: Thursday, September 27, 2007 3:32 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Specify custom colors for a LineChart is not possible ?? Is there a simple way to specify custom colors for a LineChart Series using CSS (Flex 3) ? This should be a no-brainer. I can't believe there is no documentation on this anywhere. I am finding with the Charting stuff, that simple stuff can sometimes seem frustratingly difficult. Hoping somebody proves me wrong or points me to some docs. TIA - superabe
RE: [flexcoders] Re: Rotate vertical axis title in Chart
Yes, It will be available with Flex 3 Beta 2 (http://www.onflex.org/ted/2007/09/flex-3-beta-2-details-this-week-wed-m on.php) . To get the nightly builds of Charts (datavisualization.swc, part of FlexBuilder) you will have to be part of the pre-release program. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Claude Hussenet Sent: Thursday, September 27, 2007 6:42 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Re: Rotate vertical axis title in Chart Thank you Sunil. It does not seem available with Moxie M2. Will it be availble next week with Moxie M3 ? How can we get access to the nightly build of the chart component ? Thx-Claude --- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com , Sunil Bannur [EMAIL PROTECTED] wrote: You cannot do this in 2.0, however it's possible in Flex 3. There is a new style added for AxisRenderer, verticalAxisTitleAlignment, the values could be flippedVertical or vertical. Thanks -Sunil From: flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com [mailto:flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com ] On Behalf Of Claude Hussenet Sent: Thursday, September 27, 2007 5:36 PM To: flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com Subject: [flexcoders] Rotate vertical axis title in Chart Is there a way to rotate the title of the vertical axis ? By default the title is reading down for the left axis . Should not it be reading up ? Can I rotate it ? Thx for your help .
RE: [flexcoders] zoom - in charts
The existing zoom effects is there on the entire chart and series, but to have it for individual chart items, you probably can handle the itemRollOver events and add a chartelement dynamically as that of the itemRenderer with a appropriate scale effect and appropriate bounds. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of seemaherein Sent: Wednesday, September 26, 2007 4:22 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] zoom - in charts Hi, My requirement is that when the user moves mouse on the chart - that particluar portion zooms - in can we have something like that in flex
RE: [flexcoders] flex3: dragging from a datagrid to a chart
This is because Chart is expecting only of format chartitems in the default handler in the ChartBase class, which is protected function dragEnterHandler(event:DragEvent):void and the item from the datagrid I think has the format items So make sure, after you handle the event in doDragEnter, to call event.preventDefault(). Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of vijay95052 Sent: Tuesday, September 25, 2007 9:08 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] flex3: dragging from a datagrid to a chart Hello the flex3 drag and drop to charts feature is cool... however, i was unable to drag a row from a datagrid to the chart - i have set dragEnabled to true on the datagrid, and in the chart i have dropEnabled=true dragEnter=doDragEnter(event); dragExit=doDragExit(event); dragOver=doDragOver(event); dragDrop=doDragDrop(event); my doDragEnter() does not get invoked when dragging from a datagrid - but it does work well when dragged from another chart
RE: [flexcoders] DateTimeAxis without the weekends
Have you tried using the new DateTimeAxis in Flex 3, this provides disabledDays and disabledRanges properties, where in you can provide what days of a week could be disabled or what ranges of dates needs to be disabled respectively. You can find more at http://labs.adobe.com/wiki/index.php/Flex_3:Feature_Introductions#Charti ng_Enhancements The flex doc team has some samples at http://blogs.adobe.com/flexdoc/2007/07/charting_documentation_updates.ht ml Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Carlos Rovira Sent: Tuesday, September 11, 2007 7:31 AM To: flexcoders@yahoogroups.com Subject: Re: [flexcoders] DateTimeAxis without the weekends Hi Gaurav, I have a similar problem with DateTimeAxis. I'd want to remove from the view the dates that I can't find in my xml data. Hope Ely or someone could bring some light on this issue 2007/9/11, gaurav1146 [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] : Hi all, I have a certain set of data where I have values for weekdays only. I want to represent this data on a column chart. Due to data missing for weekends I get certain gaps in between the bars of the column chart. Is there any way I could omit the weekends from the date time axis. One solution I think could be use the category axis but I have some computations to perform based on date and so it would better for me to use the dateTimeAxis. TIA, Gaurav -- ::| Carlos Rovira ::| http://www.carlosrovira.com http://www.carlosrovira.com ::| http://www.madeinflex.com http://www.madeinflex.com
RE: [flexcoders] LineSeries Stroke color
Do something like this in creationcomplete or applicationcomplete handler var istroke:IStroke = chart.getStyle(lineStroke); istroke.weight = 2; chart.setStyle(lineStroke,istroke); This would not create a new stroke and will retain the old color. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of superabe superabe Sent: Friday, September 07, 2007 5:31 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] LineSeries Stroke color This feels like a really simple thing, but I am new to using the charts so having trouble figuring this out (using Flex 3 beta) I have a LineChart with a few LineSeries in them. I want to change the weight of the stroke of the all the LineSeries to be thinner, yet I want to use the default colors assigned to them. When I try to create a stroke as per the docs and specify a weight, it seems to override the default color assigned by the chart e.g(pesudo-code) LineSeries Stroke weight=2/ /LineSeries When I do the above it overrides the default color of the stroke. What I want to do is keep the colors as per the default, and just change the weight. I was hoping for a simple property called weight on the LineSeries, but could not find it. Any help would be appreciated. TIA -superabe
RE: [flexcoders] Re: Flex 3 with Multiples Axis (Visual Error) BUG?
You will have to remove from renderer from the verticalAxisRenderers array and re-assign the value to verticalAxisRenderers Something like verticalAxisRenderers = verticalAxisRenderers.splice(index,1), this will make the chart to re-render without the unwanted vertical Axis. Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rodrigo Pereira Fraga Sent: Thursday, August 30, 2007 8:15 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Re: Flex 3 with Multiples Axis (Visual Error) BUG? hi! I add the Axis, when I go to remove, the Flex don't update the Chart, it don't remove the image of the VerticalAxis, when I go to add, the Chart distorts. =/ --- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com , guna.samba [EMAIL PROTECTED] wrote: When the chart get distorted, while changing any action or from the begining (loading..) --- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com , Rodrigo Pereira Fraga rpffoz@ wrote: Please... I need Help! =/ http://img480.imageshack.us/my.php?image=linecharterrorgt7.jpg http://img480.imageshack.us/my.php?image=linecharterrorgt7.jpg Hi! I am using Flex3, and I create VerticalAxis, and Series Dynamically. but when inserting and removing the VerticalAxis, the display of chart goes being distorted. I need a method to repaint!!! --- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com , guna.samba gunase29@ wrote: i think u need to show ur chart with dynamic axis and with out dynamic axis. If this is ur question, there may be some good way to solve the problem in flex 3. but as my knowledge, u can do this by setting visible option in vertical axis dynamically, but the problem is chart will not get reloaded when using the above way, just the axis and supporing series get disabled. In order to repaint the chart, u have to dynamicaly generate the series. there is some way to create the series dynamically. --- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com , Rodrigo Pereira Fraga rpffoz@ wrote: Hi! I put and remove Dynamic Axis, and when I remove the axis: http://img480.imageshack.us/my.php? http://img480.imageshack.us/my.php? image=linecharterrorgt7.jpg how I can update the chart? with chart.validateNow(); I dont have success. in the AdobeFlex exists repaint, or something thus?
RE: [flexcoders] Re: Add series in lineaChart [ Help Ely ]
Just add the lineseries objects to the series arrayof chart.
Like this.
Ser1 = new LineSeries(); // add code for initializing the series.
NewArr.push(Ser1);
Ser2 = new LineSeries();
NewArr.push(Ser2)
Ser3 = new LineSeries();
NewArr.push(Ser3)
bigChart.series = NewArr;
If you want multiple lineseries to be using the secondary vertical axis, then
assign the NewArr to secondSeries.
Hope this helps.
-Sunil
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of
ricoterox
Sent: Friday, June 15, 2007 6:12 AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Re: Add series in lineaChart [ Help Ely ]
Thx ... but i want its show 2 or more lineseries in the same linechart.
--- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com ,
Sunil Bannur [EMAIL PROTECTED] wrote:
You should use the secondSeries array to have a secondaryVertical Axis.
Check the livedocs on how to work with secondary Axes.
This is how the addSeries function should look like
Private function addSeries():void
{
bigChart.secondDataProvider = // the data provider for
the secondseries.
// initialize your series code
bigChart.secondSeries = newArr; // This has the second
series.
bigChart.secondVerticalAxis.minimum = 0 // set your
secondary axis values
}
-Sunil
From: flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com
[mailto:flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com ]
On Behalf Of ricoterox
Sent: Wednesday, June 13, 2007 7:25 PM
To: flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com
Subject: [flexcoders] Add series in lineaChart [ Help Ely ]
Hello flexcoders !!!
I´m doing an aplicattion with charts but I need some help.
this is my problem ...
I have two datagrids and two lines charts and I complete this with 2
different xml.
I want to do this ... but when I press the button add (agregar in
Spanish), I need to add a second line chart in the chart...
now I ´m adding only one ... but I need to add more than one and can
select one or another from second datagrid (downthere).
Another thing I want to do is ... when I show 2 or more linechart,
those start in the same vertical Axis, but I want that those
linecharts start in 0 or in another number
I need a function to do that ... but I dont have idea.
this is the code I am using right now...
please I need some help
Thank you very much for your help.
?xml version=1.0 encoding=utf-8?
mx:Application xmlns:mx=http://www.adobe.com/2006/mxml
http://www.adobe.com/2006/mxml
http://www.adobe.com/2006/mxml http://www.adobe.com/2006/mxml
xmlns:mccune=com.dougmccune.controls.*
layout=absolute
creationComplete=inicio();
mx:Script
![CDATA[
import mx.events.*;
import mx.collections.*;
import mx.managers.SystemManager;
import mx.events.ResizeEvent;
import mx.graphics.Stroke;
import mx.graphics.SolidColor;
import mx.collections.ArrayCollection;
import mx.utils.ArrayUtil;
import mx.events.DividerEvent;
import mx.managers.SystemManager;
import mx.charts.LineChart;
import mx.charts.series.LineSeries;
// Inicio Codigo Slider
[Embed(source=divider.png)] [Bindable] public var dividerClass:Class;
[Embed(source=blank.png)] [Bindable] public var
blankDividerClass:Class;
private var DATA_LENGTH:Number = 10;
private var LEFT_START:Number = 3;
private var RIGHT_START:Number = 7;
[Bindable] public var newData:ArrayCollection;
[Bindable] public var acData:ArrayCollection;
[Bindable] public var acDatos:ArrayCollection;
[Bindable] private var leftBoundary:Number;
[Bindable] private var rightBoundary:Number;
private var staticLeftBoundary:Number;
private var staticRightBoundary:Number;
public var smallDrag:Boolean = false;
public var bigDrag:Boolean = false;
public var mouseXRef:Number;
private function chartComplete():void
{
chartData = new ArrayCollection(newData.source);
mainData = new ArrayCollection(chartData.source);
acDatos = new ArrayCollection(acData.source);
DATA_LENGTH = newData.length;
LEFT_START = 1;
RIGHT_START = newData.length;
leftBoundary = LEFT_START;
rightBoundary = RIGHT_START;
updateBoundariesFromSlider();
}
private function updateBoundariesFromSlider():void
{
leftBoundary = slider.values[0];
rightBoundary = slider.values[1];
updateMainData();
}
private function updateBoundariesFromDivider(event:DividerEvent):void
{
leftBoundary =
Math.abs(HDividedBox(event.target).getChildAt(0).width /
(event.target.width / chartData.length));
rightBoundary = Math.abs(chartData.length -
(HDividedBox(event.target).getChildAt(2).width / (event.target.width /
chartData.length)));
updateMainData();
}
private function updateMainData():void
{
mainData.source = chartData.source.slice(leftBoundary, rightBoundary)
}
private function setMouseDown
RE: [flexcoders] [CHARTING COMPONENT] Issue in combining Interpolate effect and Chart type switch
One of the workarounds is to specify an hideDataEffect as well for each
series.
Thanks
-Sunli
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Claude Hussenet
Sent: Friday, June 15, 2007 7:50 AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] [CHARTING COMPONENT] Issue in combining
Interpolate effect and Chart type switch
I am getting an actionscript error when I switch from clustered type
to stacked type when an interpolate effect is defined as a
showdataeffect.
If I don't have any effect defined,the chart type switch works as a
charm.
See below the stack-trace and the source code.
Any pointer or workaround is welcomed.
TypeError: Error #1009: Cannot access a property or method of a null
object reference.
at
mx.charts.chartClasses::NumericAxis/filterCache()[C:\dev\flex_201_gmc\sd
k\frameworks;mx\charts\chartClasses;NumericAxis.as:576]
at
mx.charts.series::ColumnSeries/mx.charts.series:ColumnSeries::updateFilt
er()
at
mx.charts.chartClasses::Series/mx.charts.chartClasses:Series::validateTr
ansform()[C:\dev\flex_201_gmc\sdk\frameworks;mx\charts\chartClasses;Seri
es.as:962]
at
mx.charts.chartClasses::Series/getRenderDataForTransition()[C:\dev\flex_
201_gmc\sdk\frameworks;mx\charts\chartClasses;Series.as:1013]
at mx.charts.effects.effectClasses::SeriesInterpolateInstance/play()
at
mx.effects::EffectInstance/startEffect()[C:\dev\flex_201_borneo\sdk\fram
eworks;mx\effects;EffectInstance.as:502]
at
mx.effects.effectClasses::ParallelInstance/play()[C:\dev\flex_201_borneo
\sdk\frameworks;mx\effects\effectClasses;ParallelInstance.as:197]
at
mx.charts.chartClasses::ChartBase/mx.charts.chartClasses:ChartBase::adva
nceEffectState()[C:\dev\flex_201_gmc\sdk\frameworks;mx\charts\chartClass
es;ChartBase.as:1588]
at
mx.charts.chartClasses::ChartBase/mx.charts.chartClasses:ChartBase::upda
teDisplayList()[C:\dev\flex_201_gmc\sdk\frameworks;mx\charts\chartClasse
s;ChartBase.as:1294]
at
mx.charts.chartClasses::CartesianChart/mx.charts.chartClasses:CartesianC
hart::updateDisplayList()[C:\dev\flex_201_gmc\sdk\frameworks;mx\charts\c
hartClasses;CartesianChart.as:960]
at
mx.core::UIComponent/validateDisplayList()[C:\dev\flex_201_borneo\sdk\fr
ameworks;mx\core;UIComponent.as:5823]
at
mx.managers::LayoutManager/mx.managers:LayoutManager::validateDisplayLis
t()[C:\dev\flex_201_borneo\sdk\frameworks;mx\managers;LayoutManager.as:6
00]
?xml version=1.0?
!-- Simple example to demonstrate the ColumnChart and BarChart
controls. --
mx:Application xmlns:mx=http://www.adobe.com/2006/mxml
http://www.adobe.com/2006/mxml
mx:Script
![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var medalsAC:ArrayCollection = new ArrayCollection( [
{ Country: USA, Gold: 35, Silver:39, Bronze: 29 },
{ Country: China, Gold: 32, Silver:17, Bronze: 14 },
{ Country: Russia, Gold: 27, Silver:27, Bronze: 38 } ]);
private var medalsAC2:ArrayCollection = new ArrayCollection( [
{ Country: USA, Gold: 15, Silver:29, Bronze: 19 },
{ Country: China, Gold: 12, Silver:27, Bronze: 24 },
{ Country: Russia, Gold: 17, Silver:17, Bronze: 18 } ]);
]]
/mx:Script
mx:SeriesInterpolate id=interpolateIn duration=1000/
mx:Panel title=ColumnChart and BarChart Controls Example
height=100% width=100% layout=horizontal
mx:VBox height=100% width=100%
mx:HBox width=100%
mx:Spacer width=100% /
mx:RadioButton groupName=results label=Result 1
selected=true click=column.dataProvider=medalsAC;/
mx:RadioButton groupName=results label=Result 2
click=column.dataProvider=medalsAC2;/
mx:Spacer width=200 /
mx:RadioButton groupName=chartType label=Stacked
click=column.type='stacked'/
mx:RadioButton groupName=chartType label=Clustered
selected=true click=column.type='clustered'/
mx:Spacer width=100% /
/mx:HBox
mx:HBox height=100% width=100%
mx:ColumnChart id=column height=100% width=100%
type=clustered
paddingLeft=5 paddingRight=5
showDataTips=true dataProvider={medalsAC}
mx:horizontalAxis
mx:CategoryAxis categoryField=Country/
/mx:horizontalAxis
mx:series
mx:ColumnSeries xField=Country yField=Gold
displayName=Gold showDataEffect={interpolateIn} /
mx:ColumnSeries xField=Country yField=Silver
displayName=Silver showDataEffect={interpolateIn} /
mx:ColumnSeries xField=Country yField=Bronze
displayName=Bronze showDataEffect={interpolateIn} /
/mx:series
/mx:ColumnChart
mx:Legend dataProvider={column}/
/mx:HBox
/mx:VBox
/mx:Panel
/mx:Application
RE: [flexcoders] Making an individual Bar on a BarGraph stand out?
The upcoming release of Flex, has capabilities to specify fill colors
for individual chart items, but till then
There are 2 ways to achieve this
a. Have a custom renderer, which specifically checks for the
particular item during rendering and highlights that
b. This is a round about way of achieving this
1. on creation complete - dispatch a mouse move event to
the item you want to highlight, the sample code is this
var p:Point = bar.dataToLocal(10,USA);
var m:MouseEvent = new
MouseEvent(MouseEvent.MOUSE_OVER, true, false,
p.x, p.y);
bar.dispatchEvent(m);
2. Have an event handler for itemRollOver for your bar
chart and get access to the chartitem
3. In the event handler, check for the item which needs to
be highlighted, change the fill of that and call the itemRenderer's
invalidatedisplaylist as shown in the sample code
private function
OnItemRollOver(event:ChartItemEvent):void
{
if(HitData(event.hitSet[0]).chartItem.index == 0) // this is the item,
you want to standout
{
event.hitSet[0].chartItem.fill
= new SolidColor(0);
event.hitSet[0].chartItem.itemRenderer.invalidateDisplayList();
}
}
The downside of this, you have do dispatch the mouseevent, whenever
there is a change in the data, where the series gets invalidated.
Hopefully this should help
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of abba_t
Sent: Saturday, June 02, 2007 9:46 AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Making an individual Bar on a BarGraph stand out?
It seems simple probably is, but I have searched high and low and
probably have tried over one hundred different pieces of code but with
no luck. I can not seem to find a way to highlite one particular bar
on a bar graph. I can change the properties of the group of bars
(alpha, fill, width etc.) but I am trying to apply something to an
individual bar to make it appear highlited.
Any help would be greatly appreciated.
RE: [flexcoders] Charts and Business day axis
Pierre, You should ideally be using DateTimeAxis, by which you can control the labels and ticks. -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of pgherveou Sent: Thursday, May 31, 2007 8:16 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] Charts and Business day axis Hello there, I try to display a chart based on a one year business day axis. (no week ends for the moment) I used a categoryAxis to draw my chart. It works perfectly. the only problem is the axis. There are not enough space to display all ticks and labels (one per business day). Ideally what I would like to do is to controls label and ticks to display for example only the label of the first business day of each month. I tried to use a custom LabelFunction to do that, but I can't fix the labelSize (they are still to small) Thanks in advance for your help Pierre
RE: [flexcoders] Charting dataTransform.invertTransform() on DateTimeAxis
Brendan, DateTimeAxis is a NumericAxis and unlike CategoryAxis will not return the index value; you could do something like this from the return value of invertTransform var d:Date = new Date; d.setTime(Number(obj)); //obj is the return value from invertTransform var str:String = d.toDateString(); -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Brendan Meutzner Sent: Thursday, May 24, 2007 12:52 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Charting dataTransform.invertTransform() on DateTimeAxis Hi, When implementing the dataTransform.invertTransform() method on a DateTimeAxis instance, it seems the return value is the date value represented... is there anyway to return the index value of the dataProvider like a CategoryAxis would? Brendan -- Brendan Meutzner Stretch Media - RIA Adobe Flex Development [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] http://www.stretchmedia.ca http://www.stretchmedia.ca
RE: [flexcoders] Re: Tooltip : Charting issues
Paramjit,
Something like this should work: Basically set the styles on the DataTip
class, also there is a dataTipFunction which you can set the customize
the text itself. See the livedocs for more details.
DataTip {
fontFamily: Arial;
fontSize: 12;
fontWeight:bold;
fontStyle:italic;
}
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Paramjit Jolly
Sent: Friday, May 11, 2007 7:22 AM
To: flexcoders@yahoogroups.com
Subject: RE: [flexcoders] Re: Tooltip : Charting issues
Hi Sanjay,
This Tooltip will effect only the tooltip of Flex framework. But
No change happened on charting tooltip.
I wana customize the charting component tooltip.
Thanks for your help.
Thanks Regards
Jolly
Life Fitness - A Division of Brunswick Corporation
#09-02, The Signature,
Changi Business Park Central 2, Singapore-486066
(Cell) 65 -96216408 (Tel) 65-62606409 (Fax) 65-62605150
http://www.lifefitness.com http://www.lifefitness.com/ |
http://www.brunswick.com http://www.brunswick.com/
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of sanjaypmg
Sent: Thursday, May 10, 2007 1:59 PM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Re: Tooltip : Charting issues
Jolly, you can use the followings in CSS file:
ToolTip {
fontFamily: Arial;
fontSize: 11;
cornerRadius: 0;
dropShadowEnabled: false;
}
you can add more attributes like backgroundcolor, alpha etc. etc.
Sanjay
--- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com
, Paramjit Jolly
[EMAIL PROTECTED] wrote:
HI All,
Any one checked how to customize the tooltip of graphs like
Changing styles i.e font, bgcolor , alpha of bg etc.
I can change generic Tooltip of flex but I am not finding any clue
for
Charting components tool tip customization.
Anyone having any clue or sample pls let me know.
Thanks Regards
Jolly
*
***
Life Fitness - A Division of Brunswick Corporation
#09-02, The Signature,
Changi Business Park Central 2, Singapore-486066
(Cell) 65 -96216408 (Tel) 65-62606409 (Fax) 65-62605150
http://www.lifefitness.com http://www.lifefitness.com
http://www.lifefitness.com/ http://www.lifefitness.com/ |
http://www.brunswick.com http://www.brunswick.com
http://www.brunswick.com/ http://www.brunswick.com/
*
***
RE: [flexcoders] Constant curve using LineChart
Manuel, Ely Greenfield's DataDrawingCanvas should help you. http://www.quietlyscheming.com/blog/charts/easy-custom-charts Thanks -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of manuel.villarroel Sent: Friday, April 27, 2007 3:38 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] Constant curve using LineChart Hi Folks! I have a LineChart graph and i need to add two constant curves to show when my data exceeds maximum and minimum values. My original curve is a function y=f(x) and what I want is to draw two adicional curves such as y=K1 y=K2 where K1 and K2 are constant. I want to avoid to repeat K1 and K2 in my data provider for each data in the original series. Best Regards Manuel Villarroel.
RE: [flexcoders] Customizing datatips
The correct way of doing this would be to have a custom datatip renderer and assign it to dataTipItemRenderer, As a workaround, you could do this. lineChart.setStyle(dataTipRenderer,UIComponent); or for that matter a dummy programmaticskin, It would give you the same effect as google finance. -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Jaganathan.K Sent: Thursday, April 26, 2007 11:58 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] Customizing datatips Is it possible to remove only the datatips in the chart, keeping the datapoints visible? Like in google finance Any help would be greatly appreciated. Thanks Regards JAga
RE: [flexcoders] ArrayCollections as source for charting
Answer to First question: Just assign the same arraycollection as dataprovider to all charts Answer to Second question: The charts will update, when the base arraycollection is changed. -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of klar1ty Sent: Wednesday, April 25, 2007 11:20 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] ArrayCollections as source for charting I am writing a flex application that stores a dataset in an arrayCollection called stats. Through use of the application, the stats:ArrayCollection is updated. One particular state of the application has 3 charts covering stats for thisWeek, thisMonth and thisQuarter. Right now, I have a single chart working and want to add in the other two. Since the base data for each chart is stored in stats:ArrayCollection what should I use as the dataProvider for each chart? Since all the data is inside one ArrayCollection, should I keep a single array collection then simply make a function for each period and use the function as the dataProvider? If I do it this way, will the charts update when the base arrayCollection is changed? My original thought was to store 3 additional arrayCollection objects, one for each period and update the correct object when the data changes. This doesn't seem like the most elegant manner to handle the situation. Any advice is appreciated. Dan Wilson
RE: [flexcoders] Re: Identifying line series for datatip function
Try LineSeriesItem(h.chartItem).yValue
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Zhu Haifeng
Sent: Monday, April 23, 2007 10:57 AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] Re: Identifying line series for datatip function
Hi I'm having the same problem here, but I still haven't figured out
how to deal with it.
After calling LineSeries(h.element).yField, I got the name of the data
series, which is great. But how do I then retrieve the y value of this
data series for the datatip?
For example, I get DATE after calling LineSeries(h.element).yField,
and the conventional way to display the y value in the datatip is to
do h.item.DATE. How do I attach DATE to h.item.?
Thanks a lot
--- In flexcoders@yahoogroups.com mailto:flexcoders%40yahoogroups.com
, yaagcur [EMAIL PROTECTED] wrote:
Thanks v much
That set me on the correct path
--- In flexcoders@yahoogroups.com
mailto:flexcoders%40yahoogroups.com , pasflex pswiss@ wrote:
try
trace (LineSeries(h.element).yField)
--- In flexcoders@yahoogroups.com
mailto:flexcoders%40yahoogroups.com , yaagcur agcur@ wrote:
To elaborate I want to do something like
public function dtFunc(h:HitData):String {
trace (h.chartItem.element.yField);
}
but there is no property yField
You used to be able to do
obj.hitData.chartItem.element.yField
but I think that is no longer available and the chartItemEvent
also
has not proven the answer to date
--- In flexcoders@yahoogroups.com
mailto:flexcoders%40yahoogroups.com , yaagcur agcur@ wrote:
On a line chart with multiple series, I wish to have a datatip
function that differs according to which line is hit but I'm
having
difficulty identifying the property that would tell me that
Any help much appreciated
RE: [flexcoders] X axis of Area Chart how to make labels always vertical
Use an embedded font and use the rotation property in AxisRenderer under
the AreaChart mxml tag, for example:
mx:Style
@font-face{
src:local(Arial);
fontFamily: Arial1;
}
AreaChart {
fontFamily: Arial1;
fontSize: 20;
}
/mx:Style
...
...
mx:horizontalAxisRenderer
mx:AxisRenderer labelRotation=90/
/mx:horizontalAxisRenderer
From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of {reduxdj}
Sent: Monday, April 23, 2007 1:53 AM
To: flexcoders@yahoogroups.com
Subject: [flexcoders] X axis of Area Chart how to make labels always
vertical
Thanks,
Patrick
RE: [flexcoders] Can Cartesian Chart DataTips be set to always be showing once the chart appears?
A workaround for this, would be to a. override the finddatapoints and return all the items from all chartelements b. then set the showdatatips to false and back to true Everything should show up. -Sunil From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of bobignacio Sent: Friday, April 20, 2007 1:26 PM To: flexcoders@yahoogroups.com Subject: [flexcoders] Can Cartesian Chart DataTips be set to always be showing once the chart appears? Hi All, I haven't had any trouble formatting the datatips in a PlotChart using the dataTipFunction but it is a requirement for me to have them showing all the time without mousing over them. The mouseSensitivity can be set to a large number, however, the mouse is still the trigger. Is there any thing like a label such as in the PieChart for Cartesian Charts? Thanks, Bob I.
[flexcoders] Re: Bubble charts with only one bubble
Try overriding the protected function guardMinMax in NumericAxis, which is returning an array [min, max]. When min and max are equal it just returns [0, 100], so just try returning [max - 100, max + 100] in the overridden function, it should work. -Sunil --- In flexcoders@yahoogroups.com, Ely Greenfield [EMAIL PROTECTED] wrote: What happens if you replace the radiusAxis with a LinearAxis with baseAtZero =true? i.e., try a BubbleChart configured like this: BubbleChart radiusAxis LinearAxis / /radiusAxis Ely. From: flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] On Behalf Of gaurav1146 Sent: Friday, April 13, 2007 12:47 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] Re: Bubble charts with only one bubble I did face this issue in my application which I had mentioned in the post titled Bubble Charts (size of the bubble). I presumed that it was due to some error on my part in slicing the ArrayCollection with the slider movement which was causing this to happen. I have not investigated it completely but now that you mention I think there might be some issue with display of a single bubble on the chart. Regards, Gaurav --- In flexcoders@yahoogroups.com mailto:flexcoders% 40yahoogroups.com , simonjpalmer simonjpalmer@ wrote: Has anyone experienced the problem of a bubble chart with a single bubble not showing that bubble? If I add a second bubble the pair appear, if I remove one of them they both disappear. I have been inspecting the contents of the renderData on the BubbleSeries. When there is a single data point in the biinding the cache contains it as a BubbleSeriesItem and the filteredCache is empty. The cache value has no x, y, z or itemRenderer set up. When a second gets added they both appear in the filteredCache and they have their values populated. I have tried various hacks like moving data from one to another and messing around with the x, y and z values myself, all with pretty disastrous effects. It seems too much of an oversight for the bubble chart to not work with a single bubble, so what am I missing?
[flexcoders] Re: updateTransform question on BubbleSeries
--- In flexcoders@yahoogroups.com, simonjpalmer [EMAIL PROTECTED] wrote: anyone know what I have to alter to force a BubbleSeries to go through updateTransform? I have a situation where a user action causes the radius of one of my bubbles to change. I trap the change and I want to cause the bubble chart to redraw itself taking into account the new radius. I can't do this through raw data binding because of other features of the bubbles on the chart. I have tried invalidating all sorts of properties but no luck. Any clues? Simon, try the refresh method on the collection, i.e. the dataprovider -Sunil
