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.
Which is the best for build an application show like in image. For the better graphics and performance wise. I want to know Flash for Flex is more suitable for this.In Flash ca we be able to build a grid kind of applications easily? I headed that Flex have the functions to handle grid and other things. Drag & scroll Zoom like feature. but am not sure able the graphics of flex. Is the components are customizable
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
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.
For my application I need a component (or combination of components) that shows a number of different types of events along a timeline, displays them in different ways as specified and allows you to click/hover along the timeline to add/modify/get details on events.
Basically I want a timeline across the top, always showing a 24hour period, but starting at variable points. I need to have different rows of variable height to display different types of data in different ways. for instance: row 1 will display the 'value' attribute as a circle whose diameter reflects value amount and change color based on a 'typecode' attribute. row 2 will display a line graph and plot chart based on different numbers (like one chart but with the datapoints as larger dots), and will also chart out trend of following or previous data if it exists. behind row 2 will display the same thing but for 5 previous days progressively more transparent
i'm building my first RIA in flex, and did a little of research to find a radar chart component free, but all i found is not free (licence >500$).Where can i find it for free ?
Flex: - Is it possible to export Chart/Graph/component with dataGrid data into xls file without using server side?
(Web Application)
I have gone through number of article but could not find any hind to do. As per few article it is possible to export data of dataGrid into xls by using as3xls-1.0.swc but not Chart.
I am looking to export data from dataGrid as well as Chart.
I have a several chart components that I have created in Flex. Basically I have set up a special UI that allows the user to select which of these charts they want to print. When they press the print button each of the selected charts is created dynamically then added to a container. Then I send this container off to FlexPrintJob.
i.e.
private function prePrint():void { var printSelection:Box = new Box();
[Code]....
I have seen some examples on the adobe site that add the container to the application but don't include it in the layout. This looks like the way to go.
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.
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'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?
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?
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.
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.
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'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).
got a client that wants an app that will allow users to build something almost identical to an organization chart, dragging information blocks (tree nodes) and attaching them to higher tiered nodes (which are themselves info blocks) and rearranging branches as required. The client doesn have nearly enough budget for us to construct the chart component from scratch so hoping to find a readymade AS3 component that will work with some tweeks
I have a component "child" which has a cancel button. Now this component is placed in a state called "newChildComp" I also have another component called "parent". In the parent component, i have a button that dispatches an event. Here is the event code:
[Code].....
so, basically,i am checking to see if the cancel button component in the Child component, while i am still in the parent Compoent, was clicked, if it was clicked, call the cancelButtonHandler. The problem is by the time the addNewChild handles the event, that cancel button was still null. My question is how do i solve this without using the itemCreationPolicy on the cancel button?
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?
Flex 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 am in a situation where user gets the cars data from the database based on the selection and displays it in datagrid like below ( for example)
Company Model Year No GM Chevy 2010 10 GM Chevy 2009 5 GM Pontiac 2010 12 Honda Civic 2009 12
and there will be a link next to datagrid to get Pie chart based on the data displays in the data grid . The pie graph should display grouping by company and the count . I mean for the above example that should give with two pie items , one for GM showing the number of vehicles ( in this case 3 ) and Honda showing the number of vehicles ( in this case 1 ).
I thought of getting it from the database by querying and grouping it .But here the problem is after getting the data above in the datagrid user can able to filter at client end ( By year or model ) and can say get graph . This time that should only display the graph for the data visible in Datagrid .Grouping on database for every operation is becoming expensive. Since we have already data available at client end , is there any way to group it at client ..?
Is it possible to restrict flex bar chart y-axis count?I have a very big name coming in my y-axis and i want to reduce or restrict it to 5 characters and on rollover i want to display it in full.
I've created a line chart in flex and it works like expected. Now, I would like to add shading to the background for specific information. For example, this chart - [URL], shows a shaded background for recessions. How would I mimic this shading in a Flex linechart?
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.