In the past, bar charts, pie charts, and other charts were all static charts drawn based on data. When we accidentally saw a set of systems of others, we could make the columns of the bar chart appear one by one in an animated manner, and the results were quite good. Don't tell me not to show data, but what is bad about static charts. You must know that users are not technicians, and most of them still like cute interactive UIS, why are Flash Animation and games so popular? Ha, let's take a look at the members of the fusion family below:
Fusioncharts
Fusioncharts is a Macromedia Flash control that helps you create compelling dynamic image effects. Make full use of the smooth features of Macromedia Flash to create concise, interactive, and compelling dynamic images.
Technical details
Imagine that no installation is required for all graphics. You can work in the language environment you can think of and run in most browsers, create Beautiful and lifelike effects. Assume that your data changes continuously within a limited time, space, and Web. Fusioncharts helps you implement all the imaginary things.
The following are notable features of fusioncharts:
No active-X or extended controls are required
You do not need to install any extended active-X controls or components to render the effect. Fusioncharts can run smoothly without installing components on the server. You only need to upload the core SWF file to the server and configure the XML data file for it.
The vivid effect can increase the aesthetic effect of the site:
The images created using the active-X control or component are static GIF or JPEG files. However, you can use fusioncharts to produce smooth and lifelike dynamic images, and easily customize additional attributes for XML data files.
Reduce server load:
Fusioncharts can greatly reduce the load on the server, which is equivalent to processing on the client. The client only needs the Macromedia Flash 6 player, which is now very common and often released together with the new version of the browser. Because the control file is very small, it is also very suitable for narrow band transmission.
Compatible with Multiple scripting languages:
Fusioncharts is compatible with Multiple scripting languages, such as ASP and ASP. net, JSP, PHP, Perl, CGI, CF, etc. It does not matter if any script language accesses components through data during client processing. This control can customize the data obtained from text files and work on static servers. (Data contained in text files or XML files can be updated frequently)
Change client dynamic database
You can use a few scripts on the client to control fusioncharts, and create new images on the client without reloading pages and images.
Other features can be appended to the image:
Fusioncharts provides many self-made options, such as transparency, color themes, hotspot selection, and hovering titles. The biggest benefit is that you can customize the data using XML files.
Latest Version 2.3 updates:
Autofit charts can be fully set: All charts can customize the size, including setting any width and height. You can set special width and height on the HTML page, without having. edit the FLA text.
New chart type: a new set of bubble charts, Stacked column multi-series line charts, and mbination charts are added to the new chart type, stacked Area Multi-series line dual y combination and other chart styles.
New dynamic pattern: You can add line charts, area charts, and pie charts to the new dynamic pattern.
Vertical text support: All charts in the x-axis support vertical text labels.
Loading other internal flash films: The fusioncharts 2.3. charts can directly load other internal flash films without changing/specifying anything else.
Client data support: fusioncharts 2.3 charts have built-in client data support. You can use the Javascript/VBSCRIPT script language provided by the client to dynamically update charts without reloading pages or charts.
New raster control: A new raster control label in the List format displays individual continuous chart data. The raster control can retrieve data from other identical chart source files.
Vertical and horizontal grid color options: Now you can rotate between vertical and horizontal charts in the chart canvas.
Background images in .swf format: All charts now support background images in .swf format (or previous JPEG images)
Dynamic legends: All charts now support dynamic legends (multi-line legends ). This legend automatically adjusts the best space you need to provide more space for the chart.
Trend Line and zone support: fusionchart 2.3 now supports both trend zones and trend lines.
Advanced data formatting options: You can select more special attributes for the data format. Similarly, set decimal precision data options for individual chart elements, such as the displayed values of limits and Div line.
Better support for uncommon data settings: now we have introduced better support (Data interruption) for uncommon data, including for all single series, multi-series and integrated charts (except stacked charts ).
Provide a New XML structure for integrated charts: Integrated charts now support a new XML structure, which is very clear and easy to use at runtime.
Shadow effect: online bar charts and pie charts support shadow effects. You can use XML to control all shadow attributes.
Additional title text: Now you can specify additional title text for each data element, except for data labels.
Fusioncharts v3.0.4:
Improvement: Now, the fusioncharts JavaScript class can detect the Flash Player version of end users and provide appropriate messages.
Improvement: legend now uses cross-platform block character display items.
Improvement: you can add a title to legend.
Improvement: A New scrolltoend attribute is added to the rolling chart. When the chart is parsed for the first time, it allows the chart to automatically scroll to the rightmost.
Bug fixes: Small parsing bugs are fixed in pie and doughnut charts.
Bug fix: fixed the tooltip location (when loading an image in a nested movie clip in another flash ).
Fusiongadgets
Fusiongadgets is a collection of measurement controls and meter controls that developers can use to develop financial applications.ProgramDashboard, execution status panel, real-time stock monitor, and production process monitoring program. This product is especially suitable for applications that require data visualization and data analysis, such as "Key Performance Indicators" and other applications that identify data being monitored in real time. With a complete set of unparalleled simple and easy-to-use controls, this product will bring you a dual experience of programmers and graphic artists.
Features:
With built-in Macromedia Flash Support, this product helps you Create Compelling instrumentation tool controls. It can also be used in combination with any scripting language to create interactive, real-time charts. Because this product can recognize data in XML format, it can also be applied to any type of database.
If you want your applications to display "Key Performance Indicators" and other analysis reports in a more meaningful manner in real time-with the various charts it provides-this product is definitely yours required.
new features
compatible with all scripting languages. Compatible with ASP, ASP. NET, PHP, ColdFusion, or other scripting languages you may use. Because of the compatibility of fusioncharts, you do not need to purchase other environments (ASP/asp.. Net/PHP) development components required, but also greatly save your time, you do not have to learn how to use those development components in different environments.
vivid interactive chart: fusioncharts makes full use of the smoothness of flash to create a vivid and smooth chart. In addition, you can customize charts through the XML data architecture, so you can easily make the charts consistent with the timeline.
no installation required: If you find the setup.exe file in the installation package and wait for the package to be decompressed and installed, this fusioncharts will bring you a new surprise. To install fusioncharts, you only need to select copy-n-paste to your network server.
no active-X components: you do not need to install any components on your network server. You only need to upgrade your SWF file for your server, set the same XML file.
reduced size: If you are worried about downloading the file size, fusioncharts can provide light and small file sizes to meet your requirements. Fusioncharts is suitable for narrow-band connection environments, and is also suitable for service-type networks used by a large number of concurrent users.
dynamic data updates on clients: You can use fusioncharts in just a few lines of client scripts. For example, you can create a complete new chart on the client without reloading the page or chart, or you can change the value of the client chart without reloading the entire page.
strict license policy: fusioncharts provides a rigorous license policy, which can save you the cost of purchasing other similar products
easy-to-use XML architecture: fusioncharts uses XML as its data interface, making it easy to create and operate data.
Version V3.0 update details:
Core changes:
Seven new charts are added:
O real-time Stacked column charts and Real-Time Double Y axis charts.
O bullet Graphs-horizontal and vertical.
O Spark Line, spark column, and spark win/loss tables.
The fusioncharts V3 framework provides the following features:
O simple and advanced integration of JavaScript.
O supports style.
O comes with Adobe Flash 8 using ActionScript 2.
O new debugging mode.
O supports skew.
O supports the color palette.
O supports dotted lines.
O supports arithmetic proportions.
O can print better.
O supports advanced drilling.
O can use the entire secondary graph as a hotspot.
O provides custom tooltip for each data drawing item.
O supports multiple languages for application messages.
Supports angle and linear ruler editing mode.
In all real-time tables, message logs are supported for streaming real-time messages from the server to the client.
Alert Manager is supported in all real-time tables.
Added more control over annotation using XML and JavaScript.
Context menu is added to the real-time table to stop/start updating and clear the table. For a given time frame, if you think the monitor does not need this calculator, it can help you stop updates. After the instance is stopped, you can start updates dynamically.
Javascript APIs are added to real-time tables to stop/start updates, clear tables, and reload tables on the client.
A new javascript API is added to add data to the chart.
A monochrome topic is introduced to help users create their own color palette Based on the monochrome.
In a real-time table-you can add a data Stamp (similar to a timestamp) at the end of the real-time data stream URL to track "what value is added to the table at last ?". Instead of using the registry, session, or database fields. This simple and effective technology is used in stateless environments.
Changes in the data-streaming table
The axis is updated each time to reflect the data limitations in the current view.
Introduced annotation-it can help you draw custom shapes and objects and load images anywhere in the table.
You can adjust the canvas margins to set the margin of the added canvas. If the user's data label or Y axis value is relatively large, you can adjust the page blank.
You can select (interactive) legend-on the client, you can choose to display/hide the complete dataset. If you want to compare multiple input streams and only want to observe one, it will be useful if other input streams are still saved in frames.
Real-time vlines with tags.
The clear command can be sent from the server-so you can clear the chart if necessary.
If you need to stop updating a specific chart, you can send the stop update command from the server.
You can use the client JavaScript to retrieve the current data view of a chart.
When a chart retrieves new data, it initiates the Javascript event fc_chartupdated. When the chart is updated in real time, you can use this event to update other display containers.
Different updateinterval and clearinterval (different from refreshinterval) can be specified for you when the data is retrieved and added to the queue, or when the chart is refreshed to display new data. You can also set predefined clearing intervals to clear charts.
Angular gauge changes
Now, you can draw guage from any angle or direction.
Added an automatic proportional tool for gauge and annotations.
You can customize the slope filling and blending ratio of colors.
You can customize the slope attribute for a shard.
Supports gauge radius based on percentages.
Editing mode is supported.
You can select a display value for each scale and customize coordinates.
Add trend points, trend arcs, and trend markers.
Labels or trend values can be displayed inside or outside gauge.
Supports message logs.
Alert Manager is supported.
Supports real-time extension for each scale to parse more gauges.
Gantt chart changes
Date and time are supported.
You can customize the output data format.
Display the completion percentage and empty progress bar of each task, or use different fill colors.
Data Tables and the Gantt Panel can be rolled.
Displays a single toolbar as a group to indicate the task group.
You can customize the tooltip attributes. You can also choose whether to display the task date as part of the tooltip content.
Allows you to add legends to charts with color tones displayed. The legend can be completely customized.
The height and top filling of each task can be defined in percentages, not just pixels.
You can predefine the color palette and the monochrome theme selector to easily set colors for the chart.
Supports the circular edge Task Bar.
You can customize slope blending and shadow for toolbar.
You can define annotation for Gantt charts to display more information.
Funnel chart changes
The same data can be drawn into a streamlined funnel chart or a cross-section funnel chart.
Interactive funnel layer, which can be separated from the main funnel when clicked.
The funnel layer can be drawn into a hollow or solid one.
You can set the same tilt angle for each funnel layer (or separate them from the data ).
Right-click the chart and select View 2D to seamlessly convert the 3D funnel into a 2D funnel.
When there are multiple controls on the border and fill attributes, you can resolve the funnel in 2D mode.
The value can be displayed as a real value or percentage.
If it is displayed as a percentage, you can choose to display it as the first value or the percentage of the previous value.
Labels become more agile to avoid funnel label overwrite.
Labels can be placed at the end or center.
Ability to layer custom tool text for each funnel.
Change of pyramid chart
Interactive pyramid hierarchy, which can be separated from the primary pyramid when clicked.
Right-click the chart and select View 2D to seamlessly convert the 3D pyramid into a 2D pyramid.
When there are multiple controls on the border and fill attributes, you can resolve the pyramid in 2D mode by yourself.
The value can be displayed as a real value or percentage.
Labels become more agile to avoid pyramid label coverage.
Labels can be placed at the end or center.
The tool text can be layered and customized for each pyramid.
Changes to linear Gauge
Supports multiple points.
Each vertex has tool text and links.
Editing mode is supported.
Ability to customize slope fill for gauge.
Supports the circular edge gauge.
It can better control the scale and scale value.
Display points above or below gauge.
You can create trend lines/regions.
Led gauge changes
It can better control the scale and scale value.
Single Color filling is supported for the entire led.
Thermometer gauge changes
2D/3D fill mode.
It can better control the scale and scale value.
Changes to cylinder Gauge
Enhances the 3D appearance.
It can better control the scale and scale value.
Supports animation filling.
Bulb gauge changes
The value can be displayed inside or outside the sphere.
You can display the color range label as a chart value instead of a real value.
Fusionmaps
Fusionmaps V3.0 can help you add animated, interactive, and data-driven flash maps to dynamic webpages. these images are driven by XML data sources and can be integrated into any script technology (Asp. net, ASP, PHP, JSP, CF, etc.) and database.
Product Features:
Currently, fusionmaps contains 186 images, including land, major cities, and all American cities.
Dynamic and data-driven flash images.
Add data and configure the visual GUI of the image.
It can be integrated with any database and script languages such as ASP, ASP. NET, PHP, JSP, and ColdFusion.
You can customize tags to point out locations such as cities, malls, interchange points, and offices.
No modification requiredSource codeIt can be dynamically adjusted to any size.
Supports color by data range to show/hide legends.
Different animation styles are supported.
Drilling in the same window, new window, frame, or pop-up window is supported.
2D/3D with oblique angle and shadow effect.
Provides complete Ajax for advanced client interaction and dynamic image changes.
Supports multilingual (UTF-8) naming.
Powercharts
Powercharts plug is a set of advanced drawing widgets that allow you to draw visually appealing, interactive, and powerful charts. The rich feature set provided by Adobe Flash (previously Macromedia Flash) allows charts in powercharts plug to add rich Internet applications (RIA) to Web applications. Therefore, end users can have a completely different experience.
These tables can be used for various purposes, such as simulation, simulation, visual data selection, scientific drawing, and financial analysis.
Powercharts plug is not a standard component of fusioncharts V3 suite, so additional charges are required
Powercharts provides the following charts.
Drag-node table
In this table, each dataset is displayed as a node that can be dragged.
Multi-axis line table
This table is an interactive row that allows multiple axes to be drawn in the same chart.
Select scatter table
This table allows you to visually select a set of data subsets from a given data.
Drag-able column, line & Area table
This table allows you to visualize the data in the chart and submit it to the server.
Interactive candlestick table
This table in fusioncharts V3 powercharts suite provides a powerful and interactive interface for users to draw frequently-used data.
Waterfall table
This table is a special list.
Multi-level pie table
This table allows you to display symmetric and asymmetric tree structures in processed pie charts.
Logarithmic table
A logarithm table is introduced in powercharts. You can select any base (different from 1) for the logarithm ratio ).
Spline table
A curved table is introduced in powercharts. Currently, there are four kinds of surface tables in the component:
O single series spline?
O single series spline area?
O multi-series spline?
Multi-series spline area?
Radar table
This table allows you to visually display different key performance indicators (KPIs) in plotting mode ).
Error bar table
This table is used to display the statistics of the data displayed on the chart.
Kagi table
This table was developed by Japan in 1870 and uses a series of vertical lines to describe the Supply and Demand Level of an asset.