Pie charts' xml
plus Doughnut Pyramid Cone Funnel staggered Column & Cylinder

pie chart's composition


pie Data.xml file example
<chart by='www.advance-media.com' caption='Media Company' subCaption='Revenue In Asia' showHoverCap='0' decimalPrecision='0' showNames='2' showPercentageValues='0' wallThickness='20' cameraY='40' startRotationAngle='85' endRotationAngle='200' brightnessLine='-20' brightnessFill='-40' baseFontColor='FFFFFF' captionFontSize='17'>
   <set name='Hong Kong' value='235' />
   <set name='Japan' value='123' />
   <set name='Singapore' value='129' />
   <set name='Malaysia' value='121' />
   <set name='Taiwan' value='110' />
   <set name='China' value='90' isSliced='1' />
   <set name='S. Korea' value='86' />
</chart>
Simply copy and paste the code above from the first <chart ... > to the last </chart> tag into any text editor of your choice and save it as e.g. 'Data.xml' file. Edit that file as you like (UTF-8 multilingual fonts are supported) or generate it with data pulled from a database. Below you'll find a comprehensive list of all xml attributes parsed by the flash chart movie.


xml attributes
NameTypeDescription

attributes of the <chart ... > node

fadeIn='1'booleanBoolean to fade in the entire stage from the background color while the intro begins to play. This also sets the fade out color of the reload/refresh option.
fadeInFromBgColor='000000'colorSets the background-color from which to fade in the entire chart movie. It usually should match the movie's background-color set in the html embed part.
initialXgrow='0'booleanBoolean determining the growth animation of the entire chart while the intro.
startMode2D3D='3'number3D positioning of the chart in the beginning. Use the valid value '2' to start with showing the chart's 2D view. Set to '3' to begin in 3D mode.
caneraY='20'numberPositioning the camera in the 3D sphere (y-axis). Value range 0 to 100 (2D).
by='www.advance-media.com'stringJust to prove a fool, as proof of the 3D charts' authenticity. If this attribute is not set or set to any other value besides 'www.advance-media.com' then an advance-media watermark will show up. The watermark of the evaluation copy can't be turned off by setting this attribute though.
wallThickness='30'numberPie/doughnut chart only. Vertical size of all element in dots.
brightnessFill='23'numberValue range -100 to 100. Brightness, fading the gradient fill color of each chart element. Set to -100 to fade to black and 100 to fade to white.
brightnessLine='42'numberValue range -100 to 100. Brightness, fading the color of the lines of the chart.
startRotationAngle=''numberSet the degree angle point 0 to 359 where to start drawing.
endRotationAngle='25'numberValue range degree 0 to 359. Sets the end rotation angle point around the y-axis for the 'intro' animation. The 'Jog' button of the chart's navigation switches to pause if this end angle is reached and the user did not click the jog in between. This rotation continues forever without stopping if this attribute is left blank.
playMode='Forward'stringFurther valid values are 'Backward' or 'Pause'. Set the initial direction of the 360 turn around the y axis.
wobble='10'numberSets the up and down movement of the camera while the rotation of the chart. This event is invoked twice while a full 360º rotation around the y axis. Initial degrees are 90 and 270. Note, setting the startRotationAngle='270' or ='90' will start this camera wobble effect immediately while the intro begins to play.
slicingDistance='30'numberSets the maximum position value of the slicing option in dots. Set to '0' to switch off all slicing flip switch buttons of any chart element and legend.
bevel='80'numberBevel color fade effect of the gradient fill of the chart. Value range 0 to 100 in percent. The bevel is calculated on the inner and outer side if rendering a doughnut. Sets the width of the linear gradient if rendering a pyramid or cone etc. type.
bevelTheme='3'numberThis Bevel theme attribute has 4 settings 0 to 3. It is used by all charts. It switches the radial and/or linear gradient fill pattern. It works like this: The highlighted gradient set by 'brightnessFill' of all top parts is in the middle or outside and the highlighted gradient of the sides is in the middle or outside in all combinations. Set to 1 or 3 to eg. render a funnel cone or cylinder having a shine (highlight) effect in the middle of the front parts. It will either have matching gradient fills or inverted fills for the top parts. Inverted top parts will make a funnel look hollow.
isPie='0'numberToggle between rendering a pie a doughnut and Pyramid Cone Funnel staggered Column & Cylinder chart types. '1' (default here) will render a pie chart. '0' renders a doughnut. '2' will render a pyramid and '3' a cone. The attribute called 'upsideDown' combined with pyramid and cone will render an inverted pyramid or inverted cone chart. The attributes 'neckHeight' and 'neckWidth' are used to turn a (inverted or normal) pyramid or cone chart into a funnel chart or staggered column or cylinder chart respectively.
upsideDown='1'BooleanTurns a Pyramid Cone upside down to produce an inverted chart. An inverted cone chart is used as a round Funnel chart having its right side up. Of course a Funnel chart can be based on a pyramid (square) too. For rendering an inverted Funnel chart leave this attribute blank or set it to '0'. To produce a funnel set 'neckHeight' and 'neckWidth' attributes.
neckHeight='25'NumberSets the height of the neck for a funnel chart in percent of the available space. Use '0' to produce a funnel without neck. The value should be considerably smaller than '100' to render a proper chart.
neckWidth='20'NumberSets the width of the neck for a funnel chart in percent of the available space (radius). Set to '100' to render a staggered column or cylinder chart.
innerRadius='70'numberIn percent. Set the inner Radius of the doughnut chart here.
radius='150'numberOuter radius in dots. This value is calculated on automatic (autoFit functionality) if left blank. For a staggered column or cylinder setting a small value here might be appropriate.
nameTBDistance='35'numberThis attribute causes different effects depending on the rendered chart type. Firstly it sets the distance between the text and the pie/doughnut. The text flies on a circle calculated around the 3D pie/donut object. Allow some minimum space for the 3D placing to avoid overlapping. Values above '20' are recommended here. Secondly it sets the distance of the text next to the chart uf rendering a pyramid cone funnel or staggered column cylinder. For these types minus values like '-20' will render the text to the left having a distance of 20 dots to the eg. pyramid while positive values will render the text to the right. '0' here will render the text in the middle of the eg. pyramid and will save lots of render space.
nameTBCenter='1'BooleanWill render the pyramid cone funnel and staggered column cylinder in the vertical middle of the caption even if the attribute 'nameTBDistance' is set to render the text to the left or right. The centered look requires lots of space.
nameRadius='66'numberUse this attribute to render the 360º fly around the pie text on top of the pie/doughnut elements e.g. to save a lot of space or for the looks of it! Value range 0 to 100 in percent. '1' will render the text in the center and '100' on the outer radius. Switch off this attribute by leaving it blank or by setting it to zero '0'. Note, if you use this 'nameRadius' option then and only then you should consider to set the 'nameTBDistance' attribute (look above) to '0' zero or close to zero if the text is not overhanging the pie/doughnut elements itself to make room for even more render space.
baseFont='Verdana'stringName of the text font. 'Verdana' is the default value here. This attribute can be set to any standard font like baseFont='Tahoma'.... Note, all the base font attributes (font color size bold) do set the values of all further font attributes e.g. the attribute determining the font size of the chart's caption (captionFontSize) if that is not set to another value.
baseFontColor='6080ff'colorgeneral hexadecimal value color of font
baseFontSize='10'numberfont size of the text elements
baseFontIsBold='1'booleanrender font bold
outCnvBaseFont='Verdana'stringstandard font name of the text elements outside of the chart canvas
outCnvBaseFontSize='14'numberfont size of the text elements outside of the chart canvas
outCnvBaseFontIsBold='1'booleanrender outer canvas font bold
nameColor='808080'colorAll names and values of any chart element will render in this color. Leave this attribute blank to render these values in the respective color of the chart element.
showHoverCap='4'numberRender a hover cap for the chart's values. No cap is rendered if set to '0' zero. A rectangular cap is rendered if set to '1'. Values greater than '1' will render a cap with round corners. The corner radius is set in dots by this attribute.
hoverCapBgColor='ccddff'colorSet the background color of the hover cap with this attribute.
hoverCapBorderColor='ffffff'colorSet the border line color of the hover cap with this attribute.
hoverCapAlpha='25'numberSet the alpha transparency of the hover cap with this attribute.
bgColor='ffffff'colorBackground Color. Specify as many colors as you like to render a gradient filled BG (comma separated, no blank space) -> bgColor='ffffff,000000,808080'
bgAlpha='0'numberSet to zero (bgAlpha='0') to switch off the rendering of the drawn bg completely. Value range 0 to 100, set the alpha for each color of a gradient filled color -> bgAlpha='100,70,30'
bgFillType='radial'stringset to 'radial' or 'linear' background fill type
bgDegree='290'numberRotation of the colored BG. Value range 0 to 359
bgRatio='0,50,100'numberSet the ratio (amount) in percent of each color of a gradient filled bg respectively
bgAlphaFadeIn='1'booleanSet this boolean for an initial alpha fade-in effect of the drawn background. Default is 0 zero.
cornerMask='1'booleanBoolean to switch on a rectangle mask with corner radius option and inner bevel gradient fill. (good for page integration, match any solid bgColor) Default is 0, switched off
maskBevel='50'numberSet the size of the gradient bevel fill in dots here.
maskCornerRadius='70'numberThe corner radius should be greater than the bevel. Exception: If set to '0' then the mask is rendered without round corners!
maskColor='ffffff'colorouter hexadecimal color of the rectangles gradient fill. Default is bgColor
maskAlpha='100'numberouter color alpha. Default is 100
maskInnerColor='000000'colorinner hexadecimal color of the mask gradient fill. Default is bgColor. set this color to match high contrasts to the background color. Also set this color and its alpha value to tone the entire chart
maskInnerAlpha='0'numberinner color alpha. Default is zero.
bgSWF='chartBg.swf'stringLoading an optional external swf or a non progressive .jpg image in the background. Sets the name and path. Note: The Flash 9-10 AS3 (Action Script 3) charts do support .gif and .png image format too, an animated .gif will render the first frame only. Also loading older MX as1-as2 movies is supported by Flash 9-10 AS3.
fgSWF='chartFg.swf'stringLoading an optional external swf or a non progressive .jpg image in the foreground. Sets the name and path. Note: The Flash 9-10 AS3 charts do support .gif and .png image format too, an animated .gif will render the first frame only. Also loading older MX AS1-AS2 movies is supported by Flash 9-10 AS3.
fgIsEnabled='0'booleanFlash 9-10 AS3 charts only. Boolean switch to disable/enable mouse events in the foreground. Note: Even if a movieclip in the foreground is not a button it will disable underlaying buttons if this attribute is not set to zero '0'. In the Flash MX AS1-AS2 version overlapping MovieClips do not affect button events in the background.
sndMP3='chart_sound.mp3'stringLoading an optional external mp3 sound. Sets the name and path. Plays on click rollover and rollout.
animationWall='1'booleanintro effect: moves the initially sliced pieces (look: 'isSliced' attribute of the 'set' node below) from their initial position to their sliced position while the intro plays
animationWallAlpha='1'booleanintro effect: alpha transparency fade in of all chart elements
decimalSeparator=','stringif set then the chosen decimal separator char will replace the usual '.' separator of all visible/rendered float values. Turns 13.01 for example into 13,01 (Europe float notation). This attribute is valid for percentage values as well.
thousandSeparator='.'stringif supplied then a thousand separator char will be added (turns a value of 1000000 for example into 1.000.000) to improve readability
thousandthSeparator=' 'stringthousandth separator char of all visible float numbers (turns a value of 4.08000245 for example into 4.080 002 45) to improve readability. This attribute is valid for percentage values as well but percentage values should be rounded to avoid large float numbers.
decimalPrecision='0'numberthis attribute specifies the decimal Precision (rounding numbers), similar to percentageDecimalPrecision attribute (please look below). Turns 33.3333333333 into 33.3 One can switch off this option by setting a negative value like decimalPrecision='-1' but large numbers can cause overlap effects. Yet if set to '1' then a value of 50 will be turned into 50.0. If set to zero '0' then 66.6 will be rounded to 67
numberSuffix='€'stringnumber suffix of visible numbers like 't' for tons or '$' Dollar or € ¥ £ (UTF-8 support). One can add an extra blank space like ' $' to separate the suffix from the digits. Percentage value numbers are not effected by this attribute.
numberPrefix='t 'stringnumber prefix of visible numbers, percentage value numbers are not effected by this attribute.
formatNumberScale='0'booleanSI abbreviation (click: SI prefix), number scaling, use this attribute to switch on/off rounded and abbreviated number output showing k (thousands) and M (millions) up to E standing for Trillion (USA) or Quintillion (Europe) - so 3000 will show like 3k. Recommended to save space if handling very large numbers or very small float values. 3D charts support this number scaling divided by thousand and thousandth. The thousandth support goes down to µ (micro). Use the 'scaleAbbr' attribute (look below) to change these predefined single character abbreviations as desired. The Flash 9-10 AS3 charts do support 20 digit number and the smallest number is one µ. AS3 supports 64-bit double-precision format as specified by the IEEE Standard for Binary Floating-Point Arithmetic (IEEE-754) The as1-as2 compatible version supports 14 digit numbers and the smallest number is 10µ. Note, E Notation (click: scientific or exponential notation) is fully supported (look below) to handle numbers beyond 20/14 digits limit and smaller than 1µ or 10µ respectively.
scaleAbbr=',, k, Milion, Bil.'stringSI (click: SI prefix) abbreviation scale string, comma separated. Please read about the 'formatNumberScale' attribute above for more info. This string can contain up to 8 comma separated values. Its default value is: 'µ,m,k,M,G,T,P,E'. To change only the value of 'G' standing for the giga prefix or a Billion (USA)/Milliard (Europe) or 1000000000 one does not have to set all 8 values. Supplying this attribute like scaleAbbr=',,,,, Bil.' would change only the 'E' represented value and all others values would still be represented by their respective default value.
Enotation=' Exp. 'stringE Notation (click: scientific or exponential notation) A value='3.45e-9' standing for 3.45-9 is a small float number witch is equal to 3.45 nano or 0.00000000345. The scale abbreviation set by the 'scaleAbbr' attribute (look above) stops whenever the flash player switches to the E notation to handle these very large/small numbers. Very large numbers are handled rounded. A 20 digit (as3) and a 14 digit (as1-as2) limit exists. Both AS3 versions (Flash 9 and 10) can handle a maximum value of 1.79769313486231e+308 which is 265 - 1 and a minimum value of 4.940656458412467e-324. All three versions do support the E notation. The default character 'e' standing for 'exponential' can be replaced by setting this attribute. Usually a capital 'E' is preferred. Note, the set 'decimalPrecision' and the 'decimalSeparator' (look above) do apply for numbers in E notation too. So '3.45e-9' can be formatted to look like '3,5E-9'. Also the number prefix and suffix are valid like 'NANO 3.45E-9'. If one sets an E notation value in the 3D charts Data.xml file for a number within flash's usual value range like '1.5e+2' then flash is going to transform this number automatically, here to '150' and vice versa. A number consisting of over 20 digits will be parsed to it's equivalent E notation automatically.
showPosition='1'numberSet to '1' to show and to '0' to hide the Position Numbers text of any chart element. A line break / carriage return / line feed will be added after the Position Number if set to '2'.
showNames='1'numberSet to '1' to show and to '0' to hide the Names text of any chart element. A line break / carriage return / line feed will be added after the Name string if set to '2'. This can help the readability greatly and it can help to save y-dimension space for the pie lost due to having long names plus value and percentage value etc. all in just one line.
showValues='1'numberSet to '1' to show and to '0' to hide the Value Number text of any chart element. A line break / carriage return / line feed will be added after the Value Number if set to '2'.
showPercentageValues='1'booleanBoolean to show/hide the Percentage Values text of any chart element.
percentageDecimalPrecision='2'numberAn extra attribute to set the Percentage Values Precision of any chart element's text and the legends percentage text. Set to '-1' for no Precision but this is not recommended because of long float numbers resulting from the calculation. Its default value is set by the similar attribute called 'decimalPrecision' (look above).
percentageChar=' %'stringThis attribute changes the Percentage character similar like the number suffix attribute. One can add extra blank space and UTF-8 is supported.
showLegend='1'booleanBoolean switch to show/hide the legend. The color of the legend's caption is set by the color of the navigation. The color of the Legend's dataset bar is set by the color of each chart element. The dataset bars are button and do toggle the isSliced option.
legendVertDis='20'numbervertical distance in dots to the next rendered element of the legend
legendMax='5'numberSets the maximum amount of elements shown in the legend. An up/down arrow control navigation pops up on the left side of the legend to scroll the list if the number of elements exceeds the set maximum value.
legendPos='left'stringValid values here are 'left' 'right' 'bottom' and 'top' to choose the position of the legend to the chart. If left blank an automatic calculation will decide between rendering the legend to the right or bottom taking the available space of the x and y movie dimension into consideration.
legendAlign='right'stringAlignment of the legend's text. Choose between 'left' 'center' and 'right' here.
legendNameAlign='left'stringThis attribute will overwrite the alignment settings of 'legendAlign' but it's valid only for the name column of the legend.
showLegendPosition='1'booleanShow/hide the Percentage column of the legend.
showLegendName='1'booleanShow/hide the Name column of the legend.
showLegendPercentage='1'booleanShow/hide the Percentage column of the legend.
legendPercentageChar='0'booleanShow/hide the Percentage character behind the percentage values of the legend. The character itself is set by the attribute called 'percentageChar' (look above).
showLegendValues='1'booleanShow/hide the Values column of the legend.
showLegendColumn='0'booleanRenders a second column chart type bar on top of the legend's element buttons. The length is set by the element's value respectively.
legendColumnAlpha='50'numberSet the alpha transparency of the column chart type bar on top of the legend's element buttons. Value range 0 to 100.
legendHorPadding='6'numberSets the horizontal padding space between the Legend's text columns in dots.
legendPercentageHDText='in %'stringSets the headline of the percentage legend text column.
legendPositionHDText='Pos'stringSets the headline of the legend's positions text column.
legendNameHDText='Items'stringSets the headline of the legend's names text column.
legendValuesHDText='Values'stringSets the headline of the legend's values text column.
legendSumOfDatasetsHDText='Sets: 'stringThe default value is 'of '. This text field is rendered on the bottom bar only if the legend's scroller arrows are visible. It shows the total sum of the rendered dataset beneath the positions text column.
legendSumOfValuesHDText='Sum: 'stringThe default value is 'Total: '. This text field is rendered on the legend's bottom bar. It shows the total sum of all rendered values beneath the values text column.
caption='Human Population'stringcaption string of the chart
captionFontSize='18'numberfont size of the caption string
captionVertDis='10'numberdistance beneath the caption to the next rendered element of the chart in dots
captionButtonAlpha='60'numberalpha tranparency value of the button element of the caption and sub caption. set to 0 to render no button. Note, the caption button is cosmetic only, it can't be clicked!
subCaption='2050 per month'stringsub caption string of the chart
subCaptionVertDis='0'numberdistance beneath the sub caption to the next rendered element of the chart in dots
navIntro='1'booleanshow/hide the INTRO navigation button. The functionality of the intro-button reflects the 2D/3D and fade-in settings.
btnIntroText='Play Intro'stringSets the text of the intro button. Supports UTF-8 multi lingual settings.
nav3D2D='1'booleanShow/hide the navigation's 2D/3D flip switch button.
btn3D2DText='3D View,2D View'stringText string of the 2D/3D flip switch. Please note the comma char ',' is the separation character used to set a different text for each state of this button, however if the string is not separated by a comma char then both states will render one and the same text
navJog='1'booleanshow/hide the play forward pause backward (icon) navigation button. Gives the user the option to set the direction of the 360º fly around the y axis rotation
navRefresh='1'booleanShow/hide the refresh/reload button. By clicking this button all data of the xml is loaded and rendered anew.
btnIntroText='Play Intro'stringset any text for the intro button. Supports UTF-8 multi lingual settings.
navPrint='0'booleanShow/hide the navigation's print button. Note, the entire navigation will be hidden while printing.
btnPrintText='Print Out'stringText string of the print button. Supports UTF-8 multi lingual settings.
navImg='1'boolean(Flash 10 AS3 charts only) Show/hide the navigation's save as image (PNG file export) button. This button when clicked opens a dialog box that lets the user save a png formatted image file of the displayed chart to the local filesystem. Note, the entire navigation will be hidden while saving an image file.
imgFileName='ColumnChart'string(Flash 10 AS3 charts only) The filename displayed in the dialog box for the file to be saved without the suffix ".png". Default is "chart". This string must not contain the following characters: / \ : * ? " < > | %
btnImgText='save IMG'string(Flash 10 AS3 charts only) Text string of the image save button. Supports UTF-8 multi lingual settings.
navFullScreen='1'boolean(Flash 9-10 as3 charts only) Show/hide the navigation's fullScreen flip switch button option. To enable full-screen mode, add the allowFullScreen parameter set to 'true' to the object and embed tags and the AC_FL_RunContent in the HTML page (look: html setup). Note, Keyboard shortcuts that terminate full-screen mode are: Escape (Windows, Linux, and Mac), Control+W (Windows), Command+W (Mac), and Alt+F4. Also a Flash Player dialog box appears over the movie when users enter full-screen mode to inform the users they are in full-screen mode and that they can press the Escape key to end full-screen mode. This big black dialog box fades out after a few seconds and will appear in the language of the flash player. It can't be altered! A movie having a transparent background will switch to it's opaque solid color background while in full-screen mode.
btnFullScreenText='FS ON, FS OFF'string(Flash 9-10 as3 charts only) Text string of the fullScreen flip switch. Please note the comma char ',' is the separation character used to set a different text for each state of this button, however if the string is not separated by a comma char then both states will render one and the same text. Supports UTF-8.
navColor='556699'colorHere one can set a different color for all navigation elements.
navVertDis='30'numberDistance above the navigation to the next element rendered by the chart movie in dots.
buttonHeight='3'numberAdditional button height adding to the height of the rendered font in dots.
buttonWidth='-6numberAdditional width beyond the width of the respective text string of each button in dots.
buttonRollOutAlpha='80'numberSet the mouse rollout alpha transparency high- and low-light effect. Value range 0-100.
buttonRollOverAlpha='100'numberSet the mouse rollover alpha transparency high- and low-light effect. Value range 0-100.
buttonTextRollOutAlpha='50'numberFlash 10 version only! Set the mouse rollout alpha transparency high- and low-light effect of the text of any button (legend and navigation). Value range 0-100. The default value is set by the value of the attribute called buttonRollOutAlpha (look above). Alpha transparency effects for any chosen font was introduced in Flash 10 AS3 and is not supported by Flash 9 AS3.
buttonTextRollOverAlpha='100'numberFlash 10 version only! Set the mouse rollover alpha transparency high- and low-light effect of the text of any button (legend and navigation). Value range 0-100. The default value is set by the value of the attribute called buttonRollOverAlpha (look above). Alpha transparency effects for any chosen font was introduced in Flash 10 AS3 and is not supported by Flash 9 AS3.
buttonHorPadding='4'numberHorizontal padding of the charts legend and navigation buttons in dots.
buttonBevel='6'numberButton's gradient color bevel in dots. Each button is rendered having an inner and an outer color. Set the space used by the gradient from the outer to the inner color here.
buttonOuterBevel='2'numberThe outer color fades to alpha 0. This sets the color ratio of the outer color. This value is automatically calculated if left blank.
buttonCornerRadius=''numberSets the radius of the corners of each button in dots. This value got to be larger or equal to the buttonBevel attribute to be valid. A invalid value is automatically rectified. One exception though, a rectangular button shape is drawn if this value is set to '0' zero. Also this value is automatically calculated if left blank.
buttonInnerBrightness='-20'numberThe color of each button is set by the color of the chart element, color of the series or font color etc. but with this attribute one can set the brightness (-100 to 100) of the inner part of each button's color.
buttonInnerAlpha='50'numberButton's alpha transparency of the inner color (0 to 100).
buttonOuterAlpha='100'numberButton's alpha transparency of the outer color (0 to 100).
tabFocus='1'booleanSpecifies whether or not objects display a glowing border (yellow rectangle) when they have focus. Enables or disables the alternative TAB/SHIFT TAB ENTER/RETURN focus navigation. This flash feature does not really suit the 3D charts movie thus it is disabled by default. Also key input ENTER/RETURN is disabled by flash in full-Screen mode due to security reasons.
chartLeftMargin='0'numberLeft margin of the chart movie in dots. One may use the margin attributes to exactly fit the chart movie's mask or any external loaded swf flash movie.
chartRightMargin='0'numberRight margin of the chart movie in dots.
chartTopMargin='0'numberTop margin of the chart movie in dots.
chartBottomMargin='0'numberBottom margin of the chart movie in dots.

attributes of the chart's child node called <set ... >

name='Jan'stringName of the category. Here one can insert new line commands (carriage return / line feed) by using \r\n like this: name='Jan\r\n2008'
value='699'numberNumber or float value of a chart element. Elements having no value or a values below or equal zero will not be rendered. Please read the description of the attribute called 'formatNumberScale' above to learn all about supported number values in detail. Also large scale numbers can be set in the E notation format (like value='3.45e-9' standing for 3.45-9), please read the description of the 'Enotation' attribute for more info.
color='0099bb'colorColor of the respective element. If left blank then 16 different preset colors will be rendered. A smart function will prevent two elements next to each other having the same color e.g. if 17 elements are rendered.
isSliced='1'booleanSet this attribute to toggle the sliced view option for this particular element. This attribute combined with a pyramid cone or staggered chart set the sliced option for the element above this particular piece. Note: Clicking on the topmost part in the later case will switch either to all element sliced or to the no element sliced view. Setting the sliced option for the top element will show no effect at all. Informing the user about these interactive options might be appropriate!
alpha='75'numberTransparency alpha value of this particular elements.
link='page.html'stringAdd a link for drill down charts which can be clicked.

There are several different options for this attribute:

link='http://www.advance-media.com' will open the specified page in the same window.

Note, the next option will work only in an online environment if using the latest flash player due to its new security settings!

link='f-variable_content-areca_nut.html' will open a page named areca_nut.html in a frame named variable_content. Note the 'f' character in the beginning and the character '-' to separate the frame option from the frame name and the page name.

link='n-http://www.advance-media.com' will open the specified page in a new browser window. Note the 'n-' in the beginning.

JavaScipt links can be called too:

add any JS function as usual in the <head> tag of the html page which contains the chart flash movie. Here two useful JS functions as example:

<script language="JAVASCRIPT">
<!--
function openPopWindow(URLtoOpen, windowName, windowFeatures) {
    // opening a new popUp browser window
    window.open(URLtoOpen, windowName, windowFeatures);
}

function openAlertWindow(myVar){
    // an alert prompt
    window.alert(myVar);
}
// -->
</script>


The respective value of the link attribute calling these JS functions may look like:

link="javascript:openPopWindow('coriander.html', 'coriander', 'width=402,height=302,scrollbars=no');"

link="JavaScript:openAlertWindow('Hello Java-Script');"


Note the smart combination of double " and single ' notation.

Here another example how to use the link attribute to call an email client:

link="mailto:info@advance-media.com?Subject=3D charts"

Note, do real URL encode special html characters.

The click enabled drill down option will switch off the click enabled slice option of the chart movie. Yet the user can click on a legend's button to toggle the slice option while runtime if a legend is rendered.