ActionScript 2.0 :: Interactive Pie Chart / Odometer?
Mar 9, 2010
here's what I need to do: I need to have a pie that is not 100% complete circle, like a pacman facing north. That area is static and represents a data range from 0.00 to 1200.00. I need to have another slice over it that dynamically reflects input data from 0.00 to 1200.00. In the example below I have the static max. data range as blue and the dynamic data range as orange showing a data input of 6.70:
All I find online is pie charts that are full circles and use percentages instead of numerical data.Attached is a test.fla (CS3 format) with the above shapes.
I am trying to create an interactive org chart for a customer. When you click on a box, I need it expand as a drop-down, but I would like create it such that if the user clciks on another box, the previous box animates back to the closed position before the new one opens.
My company have a web application product for distribution planning and scheduling. An important part of it is a gantt chart component where user can fine tune the schedules. Currently the gantt chart component is pure javascript+dhtml.I am currently looking into the possibility of moving to Flex to get richer interactivity and generally nicer UI.
The question is: is there any good interactive gantt chart component for Flex?By "interactive" I mean that user can interact with the gantt chart and modify data using it, as opposed to just seeing it as part of a reporting use case.
I am creating a project which involves the visualisation of signals and timeline, so I am looking for a charting program which allows me to zoom in and zoom out and with additional functionality e.g. drag and drop or highlight the area.
I have no preference whether it should be WinForms or Web apps, and I am fine to program in either Flash or Silverlight. So I would like to see if you guys can recommend some tools for use.
I am having a hard time concepting how to structure the current project I have been tasked with. I wanted to make this dynamic, as its for a school that will add or change course sequences. I was thinking of having several movie clips, with one movie clip class that loads in xml information, but then the problem is how can i keep track of the other movie clips and animate precisely one course to another while being interactive?
I know that I could simply draw everything up in a movieclip within flash, but I thought there could be a way to go through an xml file, look at how many <class></class> tags their were, create movieclips based on how many of those are present and pass the xml information within the class to display to the user. I need to use a tree structure, with the user being able to click to each node along the tree and recall the information, when they click I need something visually interesting to happen between the 2 nodes.
So in my mind I am thinking 1.) document class, 2.) reusable movieclip class (card template, with text objects) 3.) a class that takes the xml and passes it to the movieclip?? Its one thing to want interactivity and draw everything, but to make it dynamic to be easily updatable. Is there a way to put a tween in a class to reuse and precisely where to play?
Making 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
I am trying to draw a simple bar chart for our interactive annual, and I thought i would try to learn how to use the api drawing tools, but I can't seem to get it to draw more than one line successfully.below is what I was using for one, but how do I tell it to draw more lines that are different colors? I attached a screen shot of what I want it to look like.
When it comes to ActionScript 3 or programming, i'm newb. But I want to create an odometer effect in my flash movie. It's just a plain dynamic text box.[code]FastMile is the instance name of the text box. It works OK - the mileage is incrementing by 1s. After 10 seconds, it starts to increment by 10. Still works OK.But when I want it to start incrementing by 100s, the text starts to shake and I cannot see what's going on.However, the movie stops at 76931 miles as intended.
When it comes to ActionScript 3 or programming, i'm newb. But I want to create an odometer effect in my flash movie. It's just a plain dynamic text box.
ActionScript Code: var count:Number = 60621; var myTimer:Timer = new Timer(33,count); myTimer.addEventLi
I want the classic odometer styled counter but i want to put in some information for it to run with.. A start date, a end date and a number (e.g. meters) which needs to be reached in the given time spanThe odometer should hereafter show the current progress and increased accordingly.So i figured out how to get the time span traced out in seconds and thereby the meter increase every second (dividing: meters/seconds)Now the tricky part is to put these numbers in the odometer: The current progress and the increasement.
I'm trying to prevent a default chart item roll over highlight in a Spark column chart.If you look at any of the chart examples on this page , when you roll over any of the chart series items, they turn a darkened shade of their original colour. This is what I want to prevent.
So far I have had no luck with using the itemRollOverColor property, as this only allows you to set it to one specific colour for the whole chart (my app has several different coloured series on the chart at once). Also, trying to leverage the itemRollOver event (with preventDefault() etc) hasn't worked either.
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.
I'm trying to make chart which is combination of bar and line chart using Flex Charting API . Here x axis would be common and y axis would be different. note that y axis got different range of value one is % and other is amount. Any one got idea how to make this chart. Here line chart would be staked on top of bar chart . The line chart and never over laid or drawn on top of bar chart.
I have been creating a gallery for a client that changes preview images in response to thumbnail images being clicked, I have the basics working but now my client wants further interaction in some of the previews that include using buttons on the preview images that either open a web page in a new window or switch between more preview images. The problem is the new buttons that appear are embedded on the initial preview images (which are set as movies), and for some reason the interaction that has been added to these movies is stopped when run in another movie. Sorry if that sounds complicated!
I want to create a Flashmenu that looks like a Pie Chart. The Menu will have 6 pieces. If the mouse rolls over one of them, this piece should expand to the whole size of the circle, but with easing. I dont know how to start Problems i see: Layering of the different pieces (how can I achieve that the piece with the "mouseover" is always in front of the others)
nice animation of the piece (it should grow clockwise, but with easing) asking (each piece will be an image, the pieces just show a portion of the image, on roll over, the whole image should be viewable)
Im creating an interactive org chart. I want to use external xml text for just the names, titles and there will be a alt tag type pop up with a few bullet points.
I want a bubble chart that just shows items along a straight line. So I'd like the horizontal axis to essentially not exist. I have it working right now with the yField assigned to a field that happens to always be '1' on my test dataset.. but this is not going to be the case in general, so I need some way to restrict the y-axis... preferably without needing to go back to my model and parse through all my data to add a dummy value '1' on each entry.
Unfortunately setting min/max values just cuts off anything above or below rather than restricting entries.
I set computedMin and Maximum (no idea what they are and the docs don't really explain) but it didn't seem to restrict the data in any way.
I'm having trouble researching how to create a line chart in Flash that pulls data from an external XML file. I want to display this chart on my website for others to see. Anyone familiar with creating line charts via flash and xml? I did find a few websites that talk about it but not for flash purposes
I have been looking for a simple way to chart some data dynamically but to no avail. I have been using LineChart from Astra but I cannot change its data dynamically.
I think this very crude example should work, but it doesn't:
Code: // The flash simply consists of a LineChart called "chart" ... import com.yahoo.astra.fl.charts.*; import com.yahoo.astra.fl.charts.series.LineSeries;
I've been working for several months on a project that generates dynamic data charts. Suddenly the project had a problem-- the charts will not draw properly on screen. The only way to make the colums of the chart appear is to move the mouse into the area where the charts should exist: As I move the mouse accross the area, the chart columns appear as if by magic! However, if I move a scroll bar which controls the display area, the chart columns disappear again. I've tried this on 2 different computers and gone back and tested it on several earlier versions of the project, and they all fail At this point, the only factor that I have not tried to control for is the Flash Player which I recently updated.
I would like to be able to specify the placement of a legend for a linechart. Currently, it continues to appear to the right of the chart. I have tried playing with the width/height of the chart to no avail... Putting the legend before the linechart in the mxml causes it to appear to the left. I can't seem to get it appear at the bottom though. I can't seem to find any good examples for this. They don't seem to specify anything but the legend usually shows up below the chart, I can't seem to do it.
