Fusioncharts Detailed parameter description (HTML5+CSS3 tabulation)

Source: Internet
Author: User
Tags border color dashed line polyline

Functional characteristics
Animation whether to animate the data, default to 1 (True)
ShowNames whether the horizontal axis (x axis) label name is displayed
Rotatenames whether to rotate the display label, default to 0 (False): Landscape display
ShowValues if the corresponding data value is displayed on the chart, the default is 1 (True)
YAXISMINVALUE Specifies the vertical axis (Y axis) minimum value, the number
YAXISMAXVALUE Specifies the vertical axis (Y axis) minimum value, the number
Showlimits whether the chart limit is displayed (Y-axis max, min), default = 1 (True)


Chart Title and axis name
Caption Chart Main Title
Subcaption Chart Subtitle
Xaxisname horizontal axis (x axis) name
Yaxisname Vertical axis (Y axis) name
Styles for charts and canvases
BgColor Chart Background color, 6-bit 16 binary color value
Canvasbgcolor Canvas background color, 6-bit 16 binary color value
Canvasbgalpha canvas transparency, [0-100]
Canvasbordercolor Canvas Border color, 6-bit 16 binary color value
Canvasborderthickness canvas Border thickness, [0-100]
Shadowalpha projection transparency, [0-100]
ShowLegend whether the series name is displayed, default is 1 (True)
Font properties
Basefont Chart Font Style
Basefontsize Chart Font Size
Basefontcolor chart Font Color, 6-bit 16 binary color value
Outcnvbasefont font styles outside the chart canvas
Outcnvbasefontsize a font size other than the chart canvas
Outcnvbasefontcolor font Color Outside the chart canvas, 6-bit 16-color value
Zoning lines and grids
Numdivlines horizontal number of lines within the canvas, numbers
Divlinecolor horizontal partition Line color, 6-bit 16 color value
Divlinethickness horizontal partition line thickness, [1-5]
Divlinealpha horizontal zoning line transparency, [0-100]
Showalternatehgridcolor if the color is alternating in the horizontal grid, the default is 0 (False)
Alternatehgridcolor horizontal mesh with alternating color, 6-bit 16-color value
Alternatehgridalpha transparency of the transverse mesh belt, [0-100]
Showdivlinues if the value of the div row is displayed, default??
Numvdivlines vertical number of lines within the canvas, numbers
Vdivlinecolor vertical partition Line color, 6-bit 16 binary color value
Vdivlinethickness vertical partition line thickness, [1-5]
Vdivlinealpha vertical partition line transparency, [0-100]
Showalternatevgridcolor if the color is alternating in the vertical grid, the default is 0 (False)
Alternatevgridcolor vertical mesh with alternating colors, 6-bit 16 color values
Alternatevgridalpha transparency of the longitudinal mesh belt, [0-100]
Number format
Numberprefix increasing the number prefix
Numbersuffix increase the number suffix% to '%25 '
Formatnumberscale whether to format the number, default is 1 (True), automatically give you the number plus K (thousand) or M (million), if 0, no K or M
Decimalprecision specifies the number of digits of the decimal place, [0-10] For example: = ' 0 ' rounding
Divlinedecimalprecision specifies the number of digits of the value decimal place of the horizontal partition line, [0-10]
Limitsdecimalprecision the number of decimal digits that specify the maximum and minimum values for the y-axis, [0-10]
FormatNumber comma to separate numbers (thousands, Million dollar), default to 1 (True), or 0 if not delimited
DECIMALSEPARATOR Specifies the decimal separator, which defaults to '. '
ThousandSeparator Specifies the thousand-bit delimiter, which defaults to ', '
Tool-tip/hover Title
Showhovercap whether the hover description box is displayed, default is 1 (True)
Hovercapbgcolor hover Description Box background color, 6-bit 16 binary color value
Hovercapbordercolor Hover Description Box Border color, 6-bit 16 binary color value
HOVERCAPSEPCHAR Specifies the delimiter between values and values in the hover Description box, which defaults to ', '
Parameters of a line chart
linethickness thickness of the polyline
Anchorradius polyline node radius, number
Anchorbgalpha polyline node transparency, [0-100]
Anchorbgcolor polyline node Fill color, 6-bit 16 binary color value
Anchorbordercolor polyline node Border color, 6-bit 16 binary color value
Parameters used by the set label
Value data values
Color colors
Link (this window opens [URL], new window opens [N-url], call JS function [JavaScript: function])
Name horizontal axis label names


Fusioncharts V3 new Features

New version 3.1:
Enables export capabilities for charts and images in PDF format at the client and server side
Rotating the text does not require any more embedded fonts. Any UTF-8 character can now rotate and use the chart to fusioncharts real multi-lingual.
option specifies the value of the text, which can be substituted for each data item displayed on the chart
Unable to load the custom identity, the chart is in a predetermined position, and then the link is the same
...
Fusioncharts v3 new features Fusioncharts v3 has a lot of new features in previous versions. Here are a few of the main ones.
What's new in version 3.1:
Enables export capabilities for charts and images in PDF format at the client and server side
Rotating the text does not require any more embedded fonts. Any UTF-8 character can now rotate and use the chart to fusioncharts real multi-lingual.
option specifies the value of the text, which can be substituted for each data item displayed on the chart
Unable to load the custom identity, the chart is in a predetermined position, and then the link is the same
Select Add custom menu item to chart the context menu and then link to the same
Support for packaging titles, sub-headings and tools
Trend lines can now customize tool text
Data items for user-defined palettes
More JavaScript events to help you better manipulate charts from your JavaScript code
Export capability data, Chart CSV using context menu or JavaScript API
Ability to get XML for any diagram using the JavaScript API
Ability to get a chart properties using JavaScript API
The chart has been re-solved in 36fps memory problems in Firefox
What's new 3.0?
New chart type
Fusioncharts V3 introduces a number of new chart types, such as:
Rolling graph-Two-dimensional column two-dimension, two-dimensional, two-dimensional, stacked column of two-dimension, combined with two-dimensional (two-year)
Sample Map
Spline area Map
Logarithmic coordinate chart
Two-dimensional multi-chart single-combination chart.
Two-dimensional multi-figure double-combination diagram. This figure is used to plot 9 types of charts:
Column (off-year) + line (middle school years) combination
Column (off-year) + area (middle school years) combination
Column (off-year) + column (middle school years) combination
District (off-year) + line (middle school years) combination
District (off-year) + column (middle school years) combination
District (off-year) + region (middle school years) combination
Line (off-year) + line (middle school years) combination
Line (off-year) + column (middle school years) combination
Line (off-year) + region (middle school years) combination
Three-dimensional stacked bar double combination chart
Three-dimensional horizontal bar
Three-dimensional stacking bar
Advanced Candle Bar chart support line, bar and quantity column
Drag-and-drop can be a bar chart advanced simulation Scenarios
Waterfall Chart
A few of the charts listed above are not standard Fusioncharts v3 packages. For example, spline, logarithmic, waterfall and drag-and-drop can be part of the chart, Powercharts package, can be purchased separately.
Chart image of export capability
From Fusioncharts v3.0.5, you can now export your charts, pictures combined with client and server-side operations.
Easy but advanced integration with JavaScript
Fusioncharts V3 offers advanced options for charting with AJAX applications or JavaScript modules. You can update the chart at any time on the client, call the JavaScript function hotspot link, or request that the dynamic XML data be made without involving any page refreshes. You can also specify a domid for each chart and a registered JavaScript. The chart can keep JavaScript functions advertised for its activities.
Visual XML Generation Tools
Fusioncharts V3 introduces a new visual XML and chart generation tool that helps you easily build diagrams of your XML data. You can manually enter data into the grid, form XML or transform your existing data from spreadsheets/CSV files/tables to XML data.
Fashion elements
Fusioncharts V3 's presentation method helps you to apply the fonts, effects and animations to various objects of the chart. A simple style loan mechanism that allows you to easily control the visualization of the layout.
Map support
Fusioncharts V3 's introduction map Powermaps package. The Powermaps pack is a collection of 61 based flash vector maps used to display different types of data with geographic partitions. For websites and applications, each map exposes its performance using an XML API. Building a map takes almost a few minutes and does not involve any modification of the source code. All you need to do is feed the data in the XML file that you are ready for.
Please note that Powermaps is an additional insert Fusioncharts v3, not a standard license. You will need to purchase it separately.
Built-in Adobe Flash 8 uses ActionScript 2 's
Fusioncharts v3 is encoded in Flash 8 and ActionScript 2, taking full advantage of new and advanced features of Flash 8 likes dynamic gradients, filters, better speeds, advanced object-oriented architecture, etc.
New Debug mode
Fusioncharts v3 describes the debug mode for each chart. The debug mode can help you find what is going on behind the scenes of the chart. You can see how the graph is initialized to get the data as well as with javascripts. A variety of errors are generated, also indicated in this. So, when you see a wrong chart now, what you need to do is switch to debug mode and determine it.
Gradient Support
Fusioncharts v3 support Gradient Most chart objects such as background, oil painting, data conspiracy and many other new charts support a single attribute use3dlighting, allowing advanced lighting and gradient impact graphs to have better visual effects.
Palette Support
Fusioncharts V3 's introduction palette to help you quickly select a color theme for your chart. From v3, you can choose one of the five-year pre-defined color palette to change the appearance of the chart. You do not have to specify any hexadecimal color codes using the palette.
Dashed support
From Fusioncharts v3, you can use the Dashed line planner:
Data (columns, lines, pies, etc.)
Grid Partition Line
Trend Line
Vertical Separation Line
You can also specify dash performance like dash length, gap, etc.
Data labels for multiple display modes
In Fusioncharts v3, many of the options are introduced so that the x-axis label control is better. Now you can wrap, split layers or rotate x-axis labels.
Rotating Value box and dynamic position options
The data value of the text field can now be rotated to avoid brevity. In addition, in the Case column chart, you can choose whether to place the value of the text box inside or outside of the column. If there is no space, the Fusioncharts v3 will automatically adjust the position.
Some scale support
Fusioncharts V3 introduced some tweaks and better control of the number format.
Automatic Partition Line coding
Fusioncharts V3 introduces automatic zoning line numbering and placement to the best position on the chart.
Better print Support
The chart in the context menu now includes a new item "Print chart", which provides standard cross-browser printing support.
More control over dynamic adjustment
The V3 is available in two modes of chart size-Exactfit and Noscale. The Noscale uses a pixel-based size. In Exactfit mode, you can adjust the percentage based on the graph. In addition, the Exactfit mode allows for dynamic adjustments when the container object (browser, table, partition, etc.) is resized.
Advanced Pie and doughnut charts
Pie and doughnut chart Fusioncharts V3 offers advanced end-user interaction options like dynamic slicing, rotation, links etc. in addition, smart tags have been introduced into pie/doughnut charts.
Better legends.
Fusioncharts V3 introduced a better looking and interactive legend of the multi-series/combination chart. You can customize many of the properties of Legends for each chart.
Advanced drillthrough Features
The chart item can now be linked to a new window, pop-up, frame or self-window.
Vertical division of labor between the lines of any two data points.
At the axis of the chart, you can now select the vertical division of the line between any two sets of data. This particularly helps when you plan the data to say, 2 years old, that you want a distinct delimiter between two years of data graph.
The entire chart as a hotspot
At the beginning of the V3, the entire chart can now be used as a single hotspot.
Custom ToolTips for each data conspiracy project
Now you can set your own ToolTip text for each data conspiracy project.
Application information for multi-language support
Now you can easily customize the chart to display app messages (load charts, load data, draw charts, etc.). ) in your own language. To do this, you need to specify the message graph source and recompile.

XML Source code:


<chart caption= ' Business Results 2005 v 2006 ' xaxisname= ' Month ' yaxisname= ' Revenue ' showvalues= ' 0 ' numberprefix= ' $ ' >
<categories>
<category label= ' Jan '/>
<category label= ' Feb '/>
<category label= ' Mar '/>
<category label= ' Apr '/>
<category label= ' may '/>
<category label= ' June '/>
<category label= ' Jul '/>
<category label= '/> '
<category label= ' Sep '/>
<category label= ' Oct '/>
<category label= ' Nov '/>
<category label= ' Dec '/>
</categories>
<dataset seriesname= ' 2006 ' >
<set value= ' 27400 '/>
<set value= ' 29800 '/>
<set value= ' 25800 '/>
<set value= ' 26800 '/>
<set value= ' 29600 '/>
<set value= ' 32600 '/>
<set value= ' 31800 '/>
<set value= ' 36700 '/>
<set value= ' 29700 '/>
<set value= ' 31900 '/>
<set value= ' 34800 '/>
<set value= ' 24800 '/>
</dataset>
<dataset seriesname= ' 2005 ' >
<set value= ' 10000 '/>
<set value= ' 11500 '/>
<set value= ' 12500 '/>
<set value= ' 15000 '/>
<set value= ' 11000 '/>
<set value= ' 9800 '/>
<set value= ' 11800 '/>
<set value= ' 19700 '/>
<set value= ' 21700 '/>
<set value= ' 21900 '/>
<set value= ' 22900 '/>
<set value= ' 20800 '/>
</dataset>
<trendlines>
<line startvalue= ' 26000 ' color= ' 91c728 ' displayvalue= ' Target ' showontop= ' 1 '/>
</trendlines>
</chart>

Fusioncharts Detailed parameter description (HTML5+CSS3 tabulation)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.