Flex 3.0 Charting

An issue which I was expecting to be trivial ended up becomin a nightmare: Using Flex Charting with Flex 3 builder.
During the release of Flex 2.0, the charting library was released as a sperate licensable component. As such, a seperate license key was required to enable charting. WIthout the charting license key, all charts would display a watermark indicating that it is an evaluation version. Flex 2 builder licensing manager form had a seperate edit box for the charting license. Once the license was provided, the watermarks would go away.
Moving on to Flex 3, the seperate chartin license edit box is no longer present. Running a charting application within the Flex 3 builder produces the evaluation watermark. After consaiderable search, I stumbled upon http://kb2.adobe.com/cps/403/kb403860.html, indicating that once the license.properties file is updated, all should work just fine.
Well ... it did'ntwork for me.
I attempted the following:
1. Update the license.properties file as recommended by BK403860; the watermarks did not go away.
2. Copy the license file from th Flex 2 Builder section; the watermarks did not go away.
3. Sam as #2 above, but replacing the flexbuilder license with the Flex 3 license number; the watermarks did not go away.
4. Uninstall and reinstall Flex 3; the watermarks did not go away.
Today, at 10am, I called Adobe support. I was on the phone until 1:50pm, on and off hold, forwarded in circles through a dozen different individuals, and no answer. No one seem to know who the correct person is. I called the technical support number, and I was still goingin circles: I was always forwarded to a different department. In one case I was told Adobe does not support this product anymore. Can this be?
HELP!
Is there anybody who could help getting the Flex Charting component to remove the watermarks with the Flex 3 builder?
Eddie

Are you using Flex Builder 3 Professional? Only the fb3 Pro serial will unlock charting, not Standard.
Matt

Similar Messages

Using flex 2.0 charting components with flex 3

I purchased and installed a flex 2 charting components
library so i could use it in my AIR application development. It
installed alongside the 3.0 beta visualization components so that I
now have two copies of each component in my charts folder. I can't
see how to ensure that the right library is used so that the charts
actually appear when i run my app. I'd hate to think i just threw
away $300 so any help would be greatly appreciated - .

Are you using Flex Builder 3? Flex 3.0 beta Data
visualization components are available as part of FB 3 only. You
can select either 2.0.1 hotfix 3 charts (consists of only
charts.swc) or 3.0.0 data visualization (consists of
datavisualization.swc). through multiple sdks feature of FB3. For
flex 3 beta, flex 2 charting key will work. so if you want to try
out new features in charts and new components like Advanced data
grid you can switch to 3.0.0 sdk and use same flex 2 charting key
to remove watermark from charts.

Flex 4 FTE Charts Legend text is missing/sporadic

I have enabled "Use Flash Text Engine in MX components" for my flex project.
The reason I want to do this is two fold:
1) I don't want to have to embed a font twice to just set embedAsCFF seperately for each.
2) The other reason is that FTE seems to handle unicode characters and I want to support that possibility even if my embedded font doesn't support it
The problem I am running into however is that the textual portion of charts and labels seem to sporadically show there values. For example when the page loads I may see 2 out of 3 legends textual values. The crazy part is that the legend values will just plain disappear/reappear sporadically while I am on the page. There doesn't seem to be any rhyme or reason on what ones will show up because I can load the application multiple times and different labels will show and others won't.
If I disable "Use Flash Text Engine in MX components" on my project then these labels show up fine but I loose the FTE needs stated above.
Any help would be greatly appreciated.

Well I am starting to believe that this is an actual bug now. I took Adobe's pie chart example from here and all I did was create a new project with it and enabled "Use Flash Text Engine in MX Components" in my compiler settings. I didn't even bother with adding an embedded font since the issue seems to occur without it in this simple example.
The first image shows how the legend is missing labels after loading the application. The second image is what happened after I moved my mouse over the larger portion of the pie chart, notice that some legend values disappeared. Also every time I load the application there will be different labels shown/missing so it appears to be completely random.
I made a simple fxg example of this but doesn't appear i can attach it to this post unfortunately.

Can I access Flex's default Chart colors? Or can I access a Series' current color?

I've created a popup to dynamically add/remove Series from a LineChart and/or AreaChart. Problem is, I want to keep the Series' line color consistent, and Flex wants to re-assign them from it's default list, which is confusing.
I don't want to just set the Series.visible to false for two reasons:
1. I also want the LegendItem to disappear from the Legend
2. Stacked AreaCharts (type == 'stacked') get messed up when you set one of its Series.visible = false
So to avoid color reassignment, I want to explicitly set the lineStroke for my Series. But if I'm using Flex's default colors, I need to either:
a. Have access to the static default color array - does anyone know where this is??? or
b. After the Series are drawn (updateComplete?), I need to query each for its lineStroke color and then explicitly set it to that same color. How do I do this??? getStyle('lineStroke') returns null, and I can't see a way to get at the renderer.
I'm essentially re-posting the following unanswered posts, which I promise to link back to this if someone can please help:
Binding to Rendered Chart Data [http://forums.adobe.com/message/186840#186840]
Getting the default pie chart colors [http://forums.adobe.com/message/36410#36410]
Please help!

Matt, thanks for your reply, but unfortunately, for LineCharts, LineSeries.getStyle('fill') always returns 0xffffff (white).
I finally found that after my LineChart is completely rendered, (sometime after LineSeries' updateComplete), LineSeries.getStyle('lineStroke') and getStyle('stroke') both return the correct Stroke.color values ("lineStroke" refers to the line segment and "stroke" to the data point).
Rather than fooling around with collecting the actual values dynamically, I just generated some trace() output from a LineChart with a bunch of Series to create my own static Array from which I can initialize my Series.setStyle(color) as I dynamically add them to my LineChart:
        public static const DEFAULT_FLEX_SERIES_COLORS:Array = [
            0xe48701, 0xa5bc4e, 0x1b95d9, 0xcaca9e,
            0x6693b0, 0xf05e27, 0x86d1e4, 0xe4f9a0,
            0xffd512, 0x75b000, 0x0662b0, 0xede8c6,
            0xcc3300, 0xd1dfe7, 0x52d4ca, 0xc5e05d,
            0xe7c174, 0xfff797, 0xc5f68f, 0xbdf1e6,
            0x9e987d, 0xeb988d, 0x91c9e5, 0x93dc4a,
            0xffb900, 0x9ebbcd, 0x009797, 0x0db2c2
It turns out there's only 28 unique color values before the color pattern repeats. I don't see a numerical pattern; perhaps someone with more time on their hands can figure out if there's a function behind this series of values (printed here in binary, decimal, and hex):
        111001001000011100000001 14976769 0xe48701
        101001011011110001001110 10861646 0xa5bc4e
        000110111001010111011001 01807833 0x1b95d9
        110010101100101010011110 13290142 0xcaca9e
        011001101001001110110000 06722480 0x6693b0
        111100000101111000100111 15752743 0xf05e27
        100001101101000111100100 08835556 0x86d1e4
        111001001111100110100000 15006112 0xe4f9a0
        111111111101010100010010 16766226 0xffd512
        011101011011000000000000 07712768 0x75b000
        000001100110001010110000 00418480 0x0662b0
        111011011110100011000110 15591622 0xede8c6
        110011000011001100000000 13382400 0xcc3300
        110100011101111111100111 13754343 0xd1dfe7
        010100101101010011001010 05428426 0x52d4ca
        110001011110000001011101 12968029 0xc5e05d
        111001111100000101110100 15188340 0xe7c174
        111111111111011110010111 16775063 0xfff797
        110001011111011010001111 12973711 0xc5f68f
        101111011111000111100110 12448230 0xbdf1e6
        100111101001100001111101 10393725 0x9e987d
        111010111001100010001101 15440013 0xeb988d
        100100011100100111100101 09554405 0x91c9e5
        100100111101110001001010 09690186 0x93dc4a
        111111111011100100000000 16759040 0xffb900
        100111101011101111001101 10402765 0x9ebbcd
        000000001001011110010111 00038807 0x009797
        000011011011001011000010 00897730 0x0db2c2
Anyway, it sure would have been nice to have access to this in the API - hopefully I've saved someone else the time I've wasted...

Embedding Flex App/Component/Chart in a PDF

I know there are solutions out there like AlivePDF and PurePDF. However we also want to be able to embed pieces of our application into the pdf we generate. An example is saving an interactive grid into a pdf so that a client can also use the chart as if he/she had the application open.
Is there any pdf actionscript library out there that can achieve RIA functionality?
Thanks in advance.

I'm not sure to your question.
Check the examples:
http://www.davidortinau.com/blog/generate_pdfs_with_actionscript_using_alivepdf/
In my case I use coldfusion to create a report forms, pass the info to my form variables and then save as pdf.
I see that you can include images.
Johnny
Please rate answers.

Flex 4 Chart title won't move when positioned

Hi,
I have an issue with my horizontal chart title in my Flex 4 bar chart--it just won't move when I try to position it someplace other than the default (which is center).
I followed the example in the livedocs: http://livedocs.adobe.com/flex/3/html/help.html?content=charts_displayingdata_05.html, specifically the one using the 'titleRenderer" property of the AxisRenderer, and setting it to my custom AxisRenderer class. Here is my code:
package classes.view
    import mx.charts.*;
    import mx.charts.chartClasses.ChartLabel;
    public class ChartTitleRenderer extends ChartLabel
        public function ChartTitleRenderer()
            super();
        override protected function updateDisplayList(w:Number, h:Number):void {
            super.updateDisplayList(w, h);
            this.setStyle("textAlign","left");
Setting the textAlign property doesn't work. I have tried setting this property in the css as well and applying it directly to the axis, which also doesn't work. I have also tried "this.x = -100" etc, to no effect. Any ideas?
Thanks

Ray,
To do the "masking" that you are referring to, I think that two Effects (explore each, to see which works best for you), will give you what you want:
The Crop Effect, applied to the Still Images in Video Track 3. This Effect can be Keyframed to change, as is required over time.
The 4-Point Garbage Matte Effect.
If the Still on Video 2 is sized to the Frame of the Project, say 1920 x 1080 for Full-HD, it will "cover" the Video on Video Track 1.
Note: it is best to Scale the Still Images to very close to what you want/need, in PS, or PSElements, prior to Import. What you are doing with the Still Images in Video Track 3 is creating a PiP (Picture in Picture). This ARTICLE goes into more detail on
Good luck,
Hunt

Flex Chart -- Why is it so buggy and not getting fixed

Hi
We are trying to replace our realtime dashborad with flex
3.x charts. We're getting hit with numereous memory issues such as
http://bugs.adobe.com/jira/browse/FLEXDMV-1686
http://bugs.adobe.com/jira/browse/SDK-15710
Bugs have been filed since April and no updates from Adobe at
all.
At the current state Flex chart is only good for displaying
static data that doesn't change.
Why is this not in flex's high priority list given the fact
that one of the major allure of flex (besides multi-media of
course) right now is charting on the client to off load server
load?
Why is the flex charting group so unresponsive to bugs filed
given the fact that people are shedding quite a bit of mulla to get
this functionality??

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.
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

Charting with Flex Builder

Hello,
I am a newbie and am looking to develop some graphs and
charts using Flex Builder, could someone provide some insight on
how to build using Flex Builder?
Thanks

This issue was resolved with help from Ryan at Adobe tech
support. For anyone else who's suffering from this problem, the
resolution is that you need a valid Flex 2 w/Charting serial number
to place in the file "<Flex 3 Builder
Root>\sdks\2.0.1\frameworks\license.properties" on the line
"charting=<serial #>".
To answer my own previously asked questions:
Yes, Flex Builder 3 is supposed to entitle me to use the Flex
Charting component (which is integrated with Flex 3, but was an
addon in Flex 2).
No, the Flex Builder 3 serial does NOT work with Flex 2
Charting. You need a Flex 2 w/Charting serial.
To anyone in this position, I would recommend opening tech
support case via the web support portal and politely explaining
your situation. It took a few days, but when I finally got through
to someone who could help, the resolution was prompt.
Regards,
Dave

Burrito mobile project charting components

I have a problem when trying to use the charting components in a Flex Hero mobile project with Flash Builder Burrito.
The release notes(http://labs.adobe.com/wiki/index.php/Flex_SDK_Hero) of Flex Hero state that the charting components aren't included in a mobile project by default, but that you can add the swc's manually.
So I created a new "Flex Mobile Project" in Burrito and added the charting swc's (datavisualization.swc and mx.swc) to the project. But when I try to use the Barchart component or any other chart component I get errors in my Flex application because it cannot resolve the component.
I have a feeling this problem has something to do with the com.adobe.flexide.project.multiplatform.multiplatformnature used in the .project file in a mobile project, but I'm not 100% sure.
Anyone else having this problem and is there any way to resolve this problem?

ok, so here's another problem with charting in a mobile project... if I'm not mistaken there's a problem with the mobile skin.
Although this renders (if you have the datavisualisation.swc and mx.swc and sparkskins.swc in your libs folder) you will not see any text on the axis or in the tooltips.   Does anybody have an explanation and solution? I'm not understand how the skinning is put together in spark :
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark" title="Home" xmlns:local="*"
        xmlns:mx="library://ns.adobe.com/flex/mx"
        xmlns:charts="mx.charts.*"
        xmlns:datavis="mx.charts.series.*">
    <fx:Declarations>
        
    </fx:Declarations>
        <fx:Script><![CDATA[
            import mx.collections.ArrayCollection;
            [Bindable]
            public var expenses:ArrayCollection = new ArrayCollection([
                {Month:"January", Profit:2000, Expenses:1500, Amount:450},
                {Month:"February", Profit:1000, Expenses:200, Amount:600},
                {Month:"March", Profit:1500, Expenses:500, Amount:300},
                {Month:"April", Profit:500, Expenses:300, Amount:500},
                {Month:"May", Profit:1000, Expenses:450, Amount:250},
                {Month:"June", Profit:2000, Expenses:500, Amount:700}
        ]]></fx:Script>
        <mx:Panel title="Plot Chart">
            <charts:PlotChart id="myChart" dataProvider="{expenses}"
                          showDataTips="true">
                <charts:series>
                    <datavis:PlotSeries
                        xField="Expenses"
                        yField="Profit"
                        displayName="Plot 1"
                        />
                    <datavis:PlotSeries
                        xField="Amount"
                        yField="Expenses"
                        displayName="Plot 2"
                        />
                    <datavis:PlotSeries
                        xField="Profit"
                        yField="Amount"
                        displayName="Plot 3"
                        />
                </charts:series>
            </charts:PlotChart>
            <charts:Legend dataProvider="{myChart}"/>
        </mx:Panel>
</s:View>

Customizing Chart DataTip position

Hi,
I am using Flex 3 Column Chart with Stacked property
I use two column series
On mouseOver the column bars, the dataTip appears near the bar.
I use a dataTip function to provide the contents for the DataTip & it might take 4 - 5 lines.
I would like to have the DataTip box always appear on the top left corner of the chart.
So, I create a DataTip renderer as shown below by shifting the DataTip to x:20 & y:15
import flash.display.*;
import flash.display.Graphics;
import mx.charts.chartClasses.DataTip;
public class MyDataTip extends DataTip
     public function MyDataTip()
          super();
     override protected function createChildren():void
          super.createChildren();
     override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
          super.updateDisplayList(unscaledWidth, unscaledHeight);
          this.x = 20;
            this.y = 15;
I apply this to the chart like (during application creationComplete() event:
myChart.setStyle("dataTipRenderer",MyDataTip);
But even when I do this, I do get a flickering when I mouseOver the chart bar and the DataTip box appears near the bar, then in the top left position
and When I mouseOver the bars the display refresh problem takes place
How to override this so that the box always appear the top left corner without any flickering
- Sen

Since DataTip inherits from UIComponent, you should use the move method to position it. Also use the setActualSize method in the override.
super.updateDisplayList(unscaledWidth, unscaledHeight);
this.move(20, 15);
this.setActualSize(unscaledWidth, unscaledHeight);

Column chart problem

Hi there.
I have problem with column chart that is every time I added a
line seriese,
preexistent columns getting smaller.
How do I fix it?

Adobe Newsbot hopes that the following resources helps you.
NewsBot is experimental and any feedback (reply to this post) on
its utility will be appreciated:
Flex 3 - Defining axis labels:
In that function, Flex appends '07 to the axis labels, and
displays the labels .... <mx:LineSeries yField='5' form='curve'
displayName='5%'/> <mx:LineSeries
Link:
http://livedocs.adobe.com/flex/3/html/charts_displayingdata_06.html
Flex Charting: help on showing line series based on list box:
Jan 26, 2007 ... 1002 & 1003, basically, in 3 different
line series, its not coming, hence would appreciate any help in
this. im posting the code & xml
Link:
http://www.actionscript.org/forums/showthread.php3?t=126863
Alternating background column colors in a Flex LineSeries
chart at:
In this example, you also see examples of setting custom
label functions for a LinearAxis ... xmlns:mx='
http://www.adobe.com/2006/mxml'
layout='vertical'
Link:
http://blog.flexexamples.com/2007/11/19/alternating-background-column-colors-in-a-flex-lin eseries-chart/
Flex Monkey Patches Blog Archive Flex Charting Interactive
Legend:
Sep 6, 2007 ... <mx:Application xmlns:mx='
http://www.adobe.com/2006/mxml'>
... var lineSer:LineSeries = findSeries(event.item.label);
Link:
http://blog.flexmonkeypatches.com/2007/09/06/flex-charting-interactive-legend/
Removing the default drop shadow from a LineChart chart in
Flex at:
Hi, how can the shadow be removed programmatically from a
lineseries? ... xmlns:mx=http://www.adobe.com/2006/mxml
layout=vertical verticalAlign=middle
Link:
http://blog.flexexamples.com/2007/11/13/removing-the-default-drop-shadow-from-a-linechart- chart-in-flex/
mx.charts.series.LineSeries (Flex 2.0.1 Language Reference):
Specifies whether this component is included in the layout of
the parent container. ...... If null , the LineSeries assumes the
data provider is an Array of
Link:
http://livedocs.adobe.com/flex/201/langref/mx/charts/series/LineSeries.html
Disclaimer: This response is generated automatically by the
Adobe NewsBot based on Adobe
Community
Engine.

Getting the default pie chart colors

Hello,
I have a pie and a bar chart that display the same
information... Pie charts colors are filled automatically, and I
would like to use those colors for my bar chart as well... is there
any way to get those colors?
Tnanks.

I ran into this issue myself and figured it out here:
Can I access Flex's default Chart colors? Or can I access a Series' current color?

Multy-layered chart

Hey everybody.
I'm an Abap developer and I'm using Flex to create charts for the Web Dynpro platform. I had great results so far but my clients came with a request that is somewhat more complicated (if at all possible) to implement using the Flash Island platform in Web Dynpro. Just a short brief for those of you who are not familiar with the web dynpro platfrom: During the run of the web dynpro program I fill a table and that table eventually fills the datasource I created in the flex code. It works perfectly with simple graphs.
The request I got was to create a graph that shows data on a weekly basis, and when the user clicks on a specific week - to display a daily data for that week. I saw a beautiful chart example made by adobe that fills this request perfectly: http://examples.adobe.com/flex3/devnet/dashboard/main.html. You can look at the two graphs on the right to see what I mean exactly.
Anyway, my question is, can chart of this type be implemented in Web Dynpro? There is no event interface between the swf file and the web dynpro program. If it's going to work than I need to be able to load the entire data into the graph in one time, the data for each of the day of each of the weeks, and the graph should "know" how to navigate between the data so the user can click and see the relevant data. What I mean is that the user click must be an event that occurs inside the flex chart and navigates inside its own datasource because i can't, as far as I know, send the event to the web dynpro product.
If i wasn't clear please ask for clarifications.
Thanks for your time,
Yoni.

If you want to get new data and modify your dataprovider based on a click. You should be able to that in Flex by the following steps
1. Handle the item_click event
2. In the event handler get the new data by using any of the following mechanisms (HTTPService, WebService or RemoteObject)
3. Assign the new data to the data provider
your chart should get updated. This page has great examples on how to do this. http://www.quietlyscheming.com/blog/charts/chart-drilldown-animations/
Thanks
-Sunil

Using Flex3 from Flex2 with chart building

I just started playing with Flex 2 with Chart building. I got
the paperwork to upgrade to Flex 3. What happens to the chart
building component I bought with Flex 2. Is chart building built
into Flex 3? Do I need to install that component?
-icarus

Arthanis wrote:Sorry, it´s because i didn´t know how to move the post, I saw that if fit in another part of the forum
Don't worry too much. I suppose I was being mean given you are new here. It is just that help tends to be better when clustered in one place.
jacko wrote:I thought about doing this for myself at some point, there is a lot of things I just do not need that is compiled in by default which I could rid myself of but, is all the time worth it in the end? Would like to hear someone elses expertise on this issue.
Well, you could also add in more optimization for your specific processor. But I honestly don't think you need this for every package. Perhaps the kernel, glic and a couple of other often used and big packages, but in the end it is barely noticeable given Arch is fairly optimized by default and can make you system less stable.
The only real reason to recompile is to add/remove options. If the option is easy to add and doesn't bloat the package. the devs will probably add it for you if you ask in the bug tracker anyway. I think the only package I now recompile are mozilla ones because I want the branding.

Flex Data Services

Hi Guys,
We have licensed version of Flex Builder with charting.But i
want to connect MYSQL database through Flex data services.When I am
trying to install the Flex Data Services 2 the installer prompts
for a serial number.
If we omit the serial number, the installer installs Flex
Data Services Express but according to our project requirement we
need FDS 2 only.
Can anyone please suggest us which steps we have to follow.
Thanks,
Venkata

I think you need Adobe LiveCycle Data Services (formerly
FDS). In any case it is an additional product, apart from Flex
Builder, so of course you would need a serial number.

Flex 3.0 Charting

Similar Messages

Maybe you are looking for