Flex :: Possible To Make Animated Bubble Chart?
Jun 20, 2011I want to draw a animated bubble chart in Flex 3 / Flex 4 like the link belowDoes anyone know if this made using a readymade component or is custom developed
View 3 RepliesI want to draw a animated bubble chart in Flex 3 / Flex 4 like the link belowDoes anyone know if this made using a readymade component or is custom developed
View 3 RepliesI'm wondering if there is any way to make the bubble sizes scale or resize when the size of the chart resizes. If the bubbles are set to a specific pixel size, it seems as though the size is set and that's it. So, if your chart is large, the bubble is size X and if the chart is small the bubble is still size X. [code]...
View 1 RepliesI am trying to Scale the bubbles within the bubble chart. The problem is, I have no control over the data coming in, and the radiusField values are usually below 0 ( no negative values ) with a max of maybe 2.
I created an ItemRenderer for the BubbleSeries, and tried adding a scaleX and scaleY value on the createChildren method, but nothing happens.
How can I Create an animated Bar Chart or Line Chart type of component in flash programmatically, which should depends upon an incoming XML data, the chart should have the basic criteria like, Chart Label, Item Tooltips, background grids (without using any image). There also needs an ability to change the data which should reflect the chart as well.
View 1 RepliesI'm trying to make chart which is combination of bar and line chart using Flex Charting API . Here x axis would be common and y axis would be different. note that y axis got different range of value one is % and other is amount. Any one got idea how to make this chart. Here line chart would be staked on top of bar chart . The line chart and never over laid or drawn on top of bar chart.
View 1 RepliesI would like to create a xml driven animated bar and pie chart. How can i create in flash?Is flash is the right tool to use or should i go for any other tool for such animated charts.
View 2 RepliesMaking a chart in Flex with multiple series and a chart legend which is an interactive legend where upon selecting an item in the legend (which corresponds with a series in the chart) that specific series in the chart will slideDown or Up depending on whether it was just de-selected from the legend or re-selected. m
View 1 RepliesI'm trying to prevent a default chart item roll over highlight in a Spark column chart.If you look at any of the chart examples on this page , when you roll over any of the chart series items, they turn a darkened shade of their original colour. This is what I want to prevent.
So far I have had no luck with using the itemRollOverColor property, as this only allows you to set it to one specific colour for the whole chart (my app has several different coloured series on the chart at once). Also, trying to leverage the itemRollOver event (with preventDefault() etc) hasn't worked either.
I was trying to modify the kirupa "falling snow" tutorial into a water bubbles effect which is just making it up side down. However, I was having trouble to make the bubble start from a certain point in a movie. For example, I was trying to make the bubble start from the bottom of the screen, but it didn't seem to work for me. Therefore, I was hoping if there is someone who can help me to solve the problem.
View 7 RepliesI'm trying to make a bubble movie clip, instance name storeBtn, grow in and out and fade in/out. I understand now that I can't use more than one prototype object because their onEnterFrame's replace each other? On their own each of these protypes work, although the scaling one isn't contraining the movie clip, it squishes the bubble in and out a bit. Is there any way to combine alpha and scale in one prototype? I tried adding more parameters but that didn't work. Or is there some other way?Here's the code I'm trying to work with.
MovieClip.prototype.fade = function(minAlpha, maxAlpha, speedAlpha) {
this.onEnterFrame = function() {
if (!this.trigger) {[code].......
I have two components being absolutely positioned within a container (they are MapSymbols on an ILOG Elixir map, if that helps). Each component is a VBox with an Image and a Label. Images have functionality tied to the Click event; labels do not.
The problem is when 2 items are positioned so that the label of one is above the icon of another in the z-index, so that the label eats any mouseOver and mouseDown events. Bubbling doesn't help since it bubbles from the label to the vbox to the container, never hitting the lower element. I can't set the vbox to mouseChildren="false", since that keeps the image from getting clicked, as well.[code]...
I have an ArrayCollection where I want to be able to bubble items up or down by one position. What is the best way to do this?
View 2 Repliesbubble events up a class tree for none-ui components.I have a structure like this:Controller Unit of Work Child Unit 1 (Raise Event)I would like to handle the event raised in Child Unit 1 in the Controller. I've tried to set the bubble property to true but I've read that this only works for UI components.Is there a way to enable this for custom classes that are not UI components?
View 1 RepliesI have a Flex BubbleChart and I want to set my bubble sizes explicitely. I don't want flex to take care of bubble sizes using minRadius, maxRadius. I need my bubbles to be rendered with exact size value.
SOLUTION
Override CircleItemRenderer.updateDisplayList
Is it possible to develop chart in flash (eg. bar chart, pie chart)?
View 1 RepliesI am wondering how to make a 360º view bubble, like they use for Google Street View, but have no idea how to go at accomplishing this task... i have the string of photos that i attached in photoshop(so that if you connected the left to the right it would be a full 360º view).
View 1 RepliesI'm working on a prototype that would require me being able to read and track the mouse movement over a playing youtube video. The basic code to replicate my problem boils down to this simple test case:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
[Code]....
Expected behavior is:
Youtube player loads The label on the top right tracks the X coordinate of the mouse The number should update even when moving the mouse over the Youtube player
So far the program behaves as expected when running from the IDE (tested on both FlashDevelop and FlashBuilder) and even when running the file manually from the output folder. But, alas, when I try to run it from anywhere else than the debug folder (be it another location on my computer or up on a webserver), the Youtube player seems to eat the events.
I don't get sandbox security warnings when debugging (thanks to allowDomain("*")) but I'm running out of ideas on why the program fails once you take the file out of the debug folder.
I want a data tip to appear when mouse pointer is over any point of the chart, not only when pointer is directly over a data point.
View 1 Replieshow to make xml driven 3d Pie chart in flash?
View 6 Repliesi have a question while reading Flex 4 Cookbook i came across the method to dynamically adding control to the container controls but nowhere i came across with how to provide them with the dynamic properties and events like they have created a button dynamically inside a group control but what good a button be if i cannot give it an event dynamically. in the same way i want to add a tree view inside a vbox but what good that be if cannot provide a data provider to it dynamically.actually i am creating an web application where i add the tree view to a vbox and i want to the data provider should also be dynamic depending upon the option i have selected in the combo box.
View 1 Repliesim new to flex, so naturally I would just create a dynamic sprite using the drawing api and put it behind the text... but my app is really buggy using the rawChildren to addChild.So is there a better way to have a bg for a piece of text though actionscript? like modifying an existing component?
View 1 RepliesI need to make a radial animation tween like a pie chart. I want it to start as a full pie and as the animation plays the pie gets smaller. It seems simple but I think I have to use actionscript to accomplish. Though I have no idea of how? I guess it has to do with a lot of math and using the actionscript drawing api.
View 1 RepliesI have made a bar chart with 2 movie clips and 2 input text fields. when you clik on a button there is this script:
[Code]....
I want to make the text moving like this one here : http:[url]....How do I make it or where I can find tutorial to learn?
View 2 RepliesHow can you make in Adobe flash cs5 a animated gif with a transparent background. I have make a animation in flash cs5. And i want to export it to a animated gif. But i want this animation with a transparent background
View 2 RepliesI want to make 3 animated gif files for all 3 stages of button. If I use transparent png files when creating gif Im gonna preserve transparency of png files, my question is if I import transparent gif animation to flash and convert them to button stages are they going to keep their transparency. If somebody know how to do this please help.
Gif animations is going to look like this: metallic looking orb rotates on transparent background on x axis from left to right side of gif file, what I need is that when I upload swf file containing this gif to internet, you can see only metallic orb and everything around it need to be transparent so you can see web page background. It should be looking like flash file is part of the background and interacting with it.
My group is working on a Flex/AS3 scientific web application that is data intensive. Luckily the only plots involved are line charts. However, each line chart may have multiple traces (up to 24), and each trace may contain up to 2000 points. The user will need to zoom in and out and interact with the data (e.g. data tips, etc.).
The response I'm getting from developers is that's a lot of data to render in a plot in Flash. For reasons beyond the scope of this post, we can't sample the data to reduce the size (this has already been done and nature of the data prevents further sampling).
Rendering speed is critical for this app. What kind of rendering speed should I expect the Flex 4 line chart component to provide for a given number of points (e.g. 1 second to render 1000 points?)
Are there products available that handle plotting large data sets better, which can be incorporated in Flex (I've seen FusionCharts and ZingCharts online but have no idea how they compare with Flex's components)? Of those, which are easy to develop with while still providing a lot of flexibility in look and feel?
For example if you had a cat and running a mouse over its tail would make it angry, but running the mouse over it's head would make it happy. I thought it might be done by having layers on a button with 2 hit areas, I mocked it up quickly, but it just played both animations when I hovered over each button.
View 3 RepliesFlex charts, like AreaChart, have wonderful built-in support for displaying data "tool tips" when a user hovers over a point supplied in the data of a graph. You can hover over any of the bar graph examples on this page for a demonstration. I have a graph situation where I optionally draw in some dots as reference points on CartesianDataCanvases supplied to my AreaChart through it's <mx:annotationElements> and <mx:backgroundElements> tags.
I would like to have the same hover data-tip functionality that the AreaChart has, but applied to these dots. I realize that I am just drawing on canvas, and that no actual dataProvider supports these dots, but if there was a way to supply the CartesianDataCanvas with an array of data values or something to that effect,
I have a dynamic ArrayCollection that will contain a unknown number of objects of type MyObj:
class MyObj
{
type:String
[code]........