Flash :: Adobe - Making An Interactive Charting UI Component "from Scratch" (without Flex)
Feb 14, 2011
I'm looking for resources on making an interactive charting component in Adobe Flash without use of Flex (or, minimal use). That is, starting "from scratch" with Flash and ActionScript 3.0. Is there recommended reading? Perhaps a good recent book on the subject, or a detailed blog article, or an open source project to look at? I'm interested in the development process, and specific design patterns (for example, extending Sprite as the logical base class for your component).
View 1 Replies
Similar Posts:
Jan 13, 2012
I'm new to Flex/AS3. I've attached an example line chart below. I want to know if this type of graph can be created using the standard line-series chart available in Flex (Flash Builder 4.6), or whether there's something drawn below that is non-standard and would therefore require some rather involved customization. The key features are:
-Different line styles and colors (dashed, dot-dash, solid, thick, thin, opacity)
-Placement of units (y-axis "seconds" and x-axis "Hz")
-x-axis zoom/pan control bar below graph (move knobs in and out to set x-axis min and max plotted values)
-Log x-axis scale, linear y-axis scale
-Data Tip (or, some call it tool tip, not shown below)
-SI units for x- and y-axis tick labels.
My guess is that everything should be pretty standard to accomplish using Adobe's built-in charting (with the possible exception of item 6, see below). Is that a good assumption?I'm particularly concerned about the x- and y-axis tick labels (item 6). For example, the x-axis tick marks as a number would be:1, 10, 100, 1000, 10000, 100000, 1000000, 10000000 but they need to be replaced with SI units, where k=1000, and M=1000000, so the corresponding marks would be (replacing the numbers above with the strings below)"1", "10", "100", "1k", "10k", "1M", "10M".The same goes for the y-axis, where p represents 1e-12, and n represents 1e-9.I can create an algorithm that accepts a number and outputs a string to do the SI unit conversion. But given that, is there a way to easily manage the tick mark labels to replace the default numbers with such strings?
View 2 Replies
Mar 21, 2011
Multiple axis creation via MXML works fine:
http:[url]...
But when I'm trying dynamically create horizontal and vertical axis then I'm getting extra axes. I believe this is Adobe bug. How I can fix this behavior?
<?xml version="1.0" encoding="utf-8"?>
<s:Application
minHeight="600"[code].....
View 2 Replies
Jan 13, 2012
I'm relatively new to flex, and I'm developing a web app that needs to plot relatively large data sets (e.g. 20,000 pts divided among 8 separate curves) in a line chart. Flex built-in chart components render too slowly.Would javascript line chart render faster than Flex line chart? If so, is it possible to use a javascript-based charting solution instead of flex component, within the Flex application? Or, is this an impractical (or crazy) idea? Anyone doing this out there? How simple or complex is it?I'm hoping it's relatively easy to integrate a pre-developed solution like EST JS, HighCharts, etc. to simplify development.
View 1 Replies
Aug 2, 2002
does anyone know where I can get a tut on making a scrolling thumbnail viewer from scratch? I tried to recreate the one in the tutorial here but for some reason I cannot get it to work. I need from scratch step by step (I learn better that way).
View 3 Replies
Dec 2, 2009
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.
View 6 Replies
Apr 15, 2011
I want to emulate the datatip feature on google finance here URL...whereas the datatip does not appear over the chart when you hover over, but instead is anchored in the top right header of the chart. How do I go about doing this? Thx in advance!
View 1 Replies
May 21, 2009
I am thinking about making a web site that streams HD movies and videos that I have created myself. I was wonder could you use Adobe Flash Media Interactive Server 3.5 to do so I know i would have to buy a dedicated server and a fast one with a good load of bandwidth. The big question am asking is that can you base a website or content management system around the interactive server.
View 4 Replies
Oct 21, 2009
I'm looking for a way to take SVG path info (basically a string of coordinates) and dynamically draw it with Actionscript. Icing on the cake would be if those shapes could detect mouse events to trigger JS and dynamically change their appearance (fill, stroke, etc...).
I'm currently trying something similar to this ([URL]) using SVG but it's just too slow in IE. I've also tried Google's SVG Web ([URL]) which basically does exactly what I'm looking for (it converts SVG to Flash in IE) but again, it's sloooooow - which is why I'm considering doing the whole shebang in Flash.
View 1 Replies
Mar 12, 2012
Why do I need to do add extra namespace declarations (below) in a Flex 4.1 "MX only component set" project to get it to compile within Flash Builder? (It says mx:LineChart cannot be resolved when a chart is added via Design View, and datavisualization.swc is referenced.)
Is there a way I can get this to compile without adding these special xmlns:charts, xmlns:series and chartClasses to the declaration? (If I just leave the default namespaces and use mx:SomeChartComponent, it doesn't compile.)
[Code]...
View 1 Replies
Aug 13, 2009
Adobe Flash also lets users make interactive Flash quiz. This tutorial will guide you how to create interactive drop-down multiple-choice quiz in Adobe Flash. This short tutorial is just a sample of the workflow you'll use while authoring in Adobe Flash CS4.
Step 1 - Create a new document
a. Choose File > New.
b. In the New Document dialog box, selcet Flash File (ActionScript 2.0) and then Click OK.
Step 2 - Document settings Right-click on the stage, selcet Document Properties, then the Document Properties dialog box appears. It displays the current Stage size setting as 550*400 pixels, and the Background color swatch is set to white. You can change the size and color of the Stage as you want.
Step 3 - Import image to the stage Choose File > Import > Import to Stage, and then select the image you want. You also could click Ctrl+R to import image.
Step 4 - Add the multiple choice question to the Stage
a. Select the Text tool (T).
b. In the Property inspector (Window > Properties), select Static Text type to specify the type of text field, and then input the question " What was Michael's first song to air on MTV? ". You also could set the font size, family and color of the text.
Step 5 - Add ComboBox component
a. Select Window > Components.
b. Double-click ComboBox in the Components panel.
c. Select the component on the Stage, and name the instance name as box in the properties panel.
Step 6 - Add answer options
a. Select Window > Component Inspector. On the Component Inspector, click data, then the Value dialog box appears.
b. Click + to add answer options, and then replace the defaultValue as answer options, here the options are: thriller, billie jean, bad and the way you make me feel. After that, click OK.
c. On the Component Inspector, click labels, then the Value dialog box appears. Please following the same steps above to add the values by adding the + button.
[code]...
If that's too complicate to you, you could choose some 3rd party quiz makers to make multiple choice quiz for you. Wondershare QuizCreator is such a good Flash quiz maker that help you create multiple Flash quiz with ease.
View 1 Replies
Mar 29, 2011
Im trying to make a HTTP Request in Adobe Flex (Actionscript) as follows:
var p:PersonSearchController = new PersonSearchController();
showAlertDialog();
p.search(sc);
alert.cancel();
navigator.pushView(views.PersonSearchResults, +p.getResp());
So basically, before the search we get a "Searching..." AlertDialog box, once the search is complete, the dialog box disappears and the results screen is pushed onto the screen...
Here is the search method:
function search{
var requestSender:URLLoader= new URLLoader();
dispatcher.addEventListener(Event.COMPLETE, completeHandler);
[Code].....
p.getResp() is nothing as the response hasn't came back yet. I want the program to basically block until the HTTPResponse is received so I can process the results. At the moment the Popup appear and disappears quickly, and in the background the search goes off and makes the request... I get the response but only after the results screen has been pushed out. How can I make the popup block until we have a HTTPresponse?
View 2 Replies
Apr 15, 2011
what im trying to do is make an interactive webssite 100% out of flash.on one of the pages in that website i would like to have one of my custom youtube players that youtube lets you make and gives you an embed code for.problem is that it is an HTML embed code.ive tried everything to get this to work and the best i could do was get the player to work in an independant .swf file but whenever i try to incorporate it into a page in my website and load it in a browser i get a security error saying that i cant let flash access youtube and i have tried everyway on google to get around that with no luck.
View 1 Replies
Apr 1, 2011
Anyone can point me to free or commercial Ribbon component done for Adobe Flex or Aswing? I seen one at some point but for some reason cant find any now. (Please don't mention minddomo, since it has nothing to do do with my question).
View 2 Replies
Jul 6, 2009
I am trying to duplicate a flex component at run time. For example if I have this:
mx: Button label="btn" id="btn" click="handleClick(event)"/>
I should be able to call a function called DuplicateComponent() and it should return me a UI component thts exactly same as above button including the event listeners with it.
View 6 Replies
Aug 25, 2010
I have 5 components on my Flex application(actual view) and they are:
x = main panel
y = bottom panel
z = left panel
a = right panel
b = top panel
I have a toggle full screen button. When clicked I want the main panel(x) to become full screen. At this point only main panel(x) should be visible. when I click on the toggle button again, it should become normal displaying all 5 components(the actual view).
View 2 Replies
Mar 26, 2011
I have the following component in an AIR application from Flex 4:
<mx:HTML id="viewObject"
x="10" y="42" width="634" height="313"
location="http;//localhost:8080/mypage.php" />
Now I want to run a javascript when the page loads but the javascript isn't inside the target page. I want to run the following javascript:
javascript:alert('Hello world.');
I tried approaching it by setting the location property again to the javascript after the page has loaded like below.
<s:Button x="10" y="10" label="Button">
<s:click>
<![CDATA[
[Code]....
Unfortunately for me, that doesn't seem to work.
View 1 Replies
Jan 24, 2011
I have a component based on canvas, and within that component I have two images. I have the component listen for a click and when that event occurs one image goes transparent and the other becomes visible. This part works perfect. Now, on clicking that component, I also want to do something to the parent canvas, I already have this working for more basic types (image, canvas, text, etc) but the problem with my component is that the click event has the internal image as the target, so what I want to happen to the outside canvas is happening to the canvas of the component. How do I make my component as a whole the target of any clicks on it?
3.5 SDK
View 2 Replies
Oct 19, 2010
I have a Spark Component (a Group) which doesn't behave as wanted.The tooltip is only shown when the component is enabled=true which the following example shows:
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"[code]/....
In the Halo component the toolTip is shown. And this is, what I want to achieve.In my case I want to try something like this:
<s:Group toolTip="{cartEntries > 0 ? 'great!' : 'go and buy!'}"></s:Group>
View 1 Replies
Feb 1, 2011
how do i get an ordered list using htmltext property of Text component? I tried using this: <ol><li>item</li><li>item</li></ol> but it rendered like an unordered list.
View 2 Replies
Apr 22, 2011
I have an application which displays employee information. If the user opening the detailed employee information page is not authorized to make changes I set the TextInput to disabled. Some users are reporting rendering issues with this. The TextInput's text value does not appear inside the box but is misaligned and is outside of the component. You can see the screenshow below of the disabled ID column where the numbers which are supposed to be in the TextInput box are far off to the right.
[Code]...
View 1 Replies
Nov 24, 2010
windows 7 64 bit IE and mozilla firefox , both 32 bit Says I have flash player installed. I have the latest version. My windows is up to date, 64 bit 7. Plugin is enabled, works on adobe's site. Doesn't work anywhere else to my knowledge
Attached pics are what other people have looked at while trouble shooting, I have looked many places, and have not found the correct answer[URL]..
The folder is not there. I thought that would probably be the problem. Manual installer uninstalling and all kinds of installing have been tried.
View 5 Replies
Jan 14, 2010
My PieChart has a dataTipFunction property
My PieSeries has a labelFunction property
I would like my dataTipFunction to return the same string that my labelFunction returns.
Example, I would like my dataTipFunction to return:
return [whateverMyLabelFunctionReturned] + someExtraStuffThatIAdd
View 1 Replies
Mar 23, 2012
name some API for charting in flex except AmChart.I want a good API as i am facing too much problem with AmChart API.
View 1 Replies
Oct 11, 2011
For a project I am thinking about making an interactive map of the cemetery on my college campus. I would like the map to function like this map here: [URL]. I'll start by making the map in Illustrator but from there I'm not really sure where to go because I am new to Flash. I would like the name of the item the mouse is over to be displayed and then when clicked on a box comes up with additional information. If the item the mouse is over can change color that would be nice too. Panning and zooming would also be great if they are not incredibly hard.
View 5 Replies
Apr 4, 2012
I want to make an interactive gizmo to explore 20%. so I want a little slider and a red (20%) and a green (80%) bar so that when I slide the slider to different numbers - lets say between 1 and 100 I get a graphical representation of 20% of the number selected as well as the actual numbers? so at 50 red column is 10 green is 40. at 100 red is 20 and green is 80?
I could just have a MC with different frames and select a few numbers to highlight and fake it.
View 3 Replies
Aug 14, 2011
i'm making a few buttons to be interactive with each other, for example my question is based on this: I'm making a game where you can extract oil and sell it, but what i want to know is how can i show a text message when i hit a button? for example: Once i play the scene, i will have a few buttons (Buy, sell, check reserves) also i will have a few text fields which will be "linked" with these other ones for example if i click two times in BUY i want to have in the text field of OIL BOUGHT: 2 (this are the times i clicked before) Well,hope anyone can answer my question or at least recommend me an excellent book of AS3, i'm quite lost in this
View 1 Replies
Mar 26, 2010
Do you have any recommendation for a free 3D charting library in Flex. To be more precise, I only need to draw surface (for now). Basically, I just need a chart that displays three axes (one should be timeline, and two should be linear axises) and the surface.
From what I have seen so far, two most popular free Flesh 3D libraries are Papervision3D and Away3D. Also, I've found one IBM library - ILOG Elixir that looks really nice, but it's proprietary (although, I haven't seen any surface examples for Elixir neither). From what I have seen, Papervision3D and Away3D should do much more then 3D charting, but I haven't seen any examples on how to draw surfaces in any of them (except this line chart in 3D: [URL]
View 1 Replies
Feb 13, 2012
DataTips in flex charting are a poorly documented and little-understood feature.There are three parts, the DataTip (by default a box with text inside), the DataTipTarget (default bulls-eye circle over the series' point), and the Callout (the line from dataTipTarget to DataTip box).How are these three elements created/drawn and how can they be customized?
View 1 Replies
Mar 28, 2010
Do you have any recommendation for a free 3D charting library in Flex. To be more precise, I only need to draw surface (for now). Basically, I just need a chart that displays three axes (one should be timeline, and two should be linear axises) and the surface.
From what I have seen so far, two most popular free Flesh 3D libraries are Papervision3D and Away3D. Also, I've found one IBM library - ILOG Elixir that looks really nice, but it's proprietary (although, I haven't seen any surface examples for Elixir neither).
From what I have seen, Papervision3D and Away3D should do much more then 3D charting, but I haven't seen any examples on how to draw surfaces in any of them (except this line chart in 3D: [URL]..So, if anyone has a link to a documentation or some examples that would be great. Also, I'm interested to hear your opinion and recommendations on this topic.
View 3 Replies
