Combi chart's xml data file and attributes
|
|||
<chart by='www.advance-media.com' caption='Media Company' xAxisName='Month' yAxisName='Revenue'
numberPrefix='$' decimalPrecision='1' divLineDecimalPrecision='0' endRotationAngle='21'
cameraY='21' startMode2D3D='3' animationWall='0' fadeIn='0' nav3D2D='1'> <categories> <category name='Jan' /> <category name='Feb' /> <category name='Mar' /> <category name='Apr' /> <category name='May' /> <category name='Jun' /> <category name='Jul' /> <category name='Aug' /> <category name='Sep' /> <category name='Oct' /> <category name='Nov' /> <category name='Dec' /> </categories> <dataset seriesName='2007' color='33ff66' alpha='60'> <set value='17400' /> <set value='19800' /> <set value='21800' /> <set value='23800' /> <set value='29600' /> <set value='27600' /> <set value='31800' /> <set value='39700' /> <set value='37800' /> <set value='21900' /> <set value='32900' /> <set value='39800' /> </dataset> <dataset seriesName='2006' color='ffff66' alpha='80'> <set value='16200' /> <set value='15400' /> <set value='19800' /> <set value='21100' /> <set value='22300' /> <set value='17600' /> <set value='26800' /> <set value='25700' /> <set value='27800' /> <set value='26300' /> <set value='28900' /> <set value='29900' /> </dataset> <addLines> <line startValue='29000' color='33ff66' alpha='40' /> <line startValue='22000' color='ffff66' alpha='60' /> </addLines> </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. |
|
|||||
Name | Type | Description | |||
attributes of the <chart ... > node | |||||
fadeIn='1' | boolean | Boolean 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' | color | Sets 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' | boolean | Boolean determining the growth in x axis width of the entire chart while the intro. | |||
startMode2D3D='3' | number | 3D positioning of the chart in the beginning. To be able to realize a still standing chart (good for saving cpu usage) use the valid value '2' to start with showing the chart's 2D view or set to '3' to begin in 3D mode. Default or '1' to show the chart animated from its 2D view to its 3D end position. | |||
canvasWallThickness='13' | number | Size of the 3D walls of the canvas in dots. Default value is '10'. | |||
wallThickness='30' | number | Size of each chart element in percent of the available space on the x-axis. | |||
wallDepth='10' | number | Size of each chart element in percent on the z-axis of the value calculated for the x-axis. This is set to 100 percent by default to match the used space on the x-axis. | |||
wallSpace='10' | number | With this attribute one can set the space to the next series in percent of the available space on the x-axis | |||
dropLines='1' | number | Valid values are '0' '1' and '2'. Default is '1'. This switches the y-axis droplines of the canvas on/off and also switches the gradient fill pattern resulting in a different design or look. Exception for the column: Value set to '2' gives you a special design option here. All 3 column's sides got their own gradient fill. '0' in combination with showing columns and/or cylinders switches to a top brighter side darker solid color design theme. | |||
brightnessFill='23' | number | Value range -100 to 100. Brightness, fading the gradient fill color of each chart elements. Set to -100 to fade to black and 100 to fade to white. | |||
brightnessLine='42' | number | Value range -100 to 100. Brightness, fading the color of the lines of each chart element. | |||
endRotationAngle='25' | number | Positioning the chart in the 3D sphere. Value range degree 0 to 90. Rotation around the y axis center of the entire chart | |||
caneraY='20' | number | Positioning the camera in the 3D sphere. Value range 0 to 45. Camera Y axis movement while the rotation around the y axis | |||
by='www.advance-media.com' | string | Just to prove a fool, as proof of the 3D charts' authenticity. If this attribute is not set, than an advance-media watermark will show up. The watermark of the evaluation copy can't be turned off by setting this attribute. | |||
elementColor='66aadd,66ddaa' | color | Set the entire color theme of the chart movie with just one or two colors here. If only one color is provided than all series or all elements of a single series are going to be rendered in this tone. If two colors are provided (separated by a comma and no blank space) than the first element or series is going to be rendered in this first color, the last will be rendered in the second color. All colors in between will be solid colors calculated by the movie on automatic fading smoothly from the first color to the second color. Any color specified in the <dataset ... > or <set ... > node will overwrite the automatically calculated color settings of that particular chart element. | |||
baseFontColor='6080ff' | color | general hexadecimal color of font | |||
baseFontSize='10' | number | font size of the text elements | |||
baseFont='Verdana' | string | name of the font | |||
baseFontIsBold='1' | boolean | render font bold | |||
outCnvBaseFontSize='14' | number | font size of the text elements outside of the chart canvas | |||
outCnvBaseFontIsBold='1' | boolean | render outer canvas font bold | |||
showHoverCap='4' | number | Render 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. | |||
hoverCapBgColor='ccddff' | color | Set the background color of the hover cap with this attribute. | |||
hoverCapBorderColor='ffffff' | color | Set the border line color of the hover cap with this attribute. | |||
hoverCapAlpha='25' | number | Set the alpha transparency of the hover cap with this attribute. | |||
bgColor='ffffff' | color | Background 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' | number | Set 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' | string | set to 'radial' or 'linear' background fill type | |||
bgDegree='290' | number | rotation of the colored BG. Value range 0 to 359 | |||
bgRatio='0,50,100' | number | set in percent the ratio (amount) of each color of a gradient filled bg respectively | |||
bgAlphaFadeIn='1' | boolean | Set this boolean for a alpha fade-in effect of the drawn background. Default is 0 zero. | |||
cornerMask='1' | boolean | Boolean 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' | number | size of the gradient bevel fill in dots | |||
maskCornerRadius='70' | number | The corner radius should be greater than the bevel. Exception: If set to '0' than the mask is rendered without round corners! | |||
maskColor='ffffff' | color | outer hexadecimal color of the rectangles gradient fill. Default is bgColor | |||
maskAlpha='100' | number | outer color alpha. Default is 100 | |||
maskInnerColor='000000' | color | inner 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' | number | inner color alpha. Default is zero. | |||
xAxisName='per year' | string | this attribute sets the name or caption of the x-Axis | |||
yAxisName='Population' | string | sets the name or caption of the y-Axis | |||
numDivLines='2' | number | Value '0' shows the zero line on the canvas only. Set this value to numdivlines='' (empty, not set, no blank space) to render no div-line (divisional line). '10' for ten div-lines plus the zero line | |||
divLineColor='5555bb' | color | sets the color of the div-lines | |||
divLineThickness='1' | number | set the thickness of the div-lines | |||
divLineAlpha='25' | number | sets the alpha transparency value of the div-lines | |||
showDivLineValue='1' | number | The calculation of this attribute uses the modulo operator (rest of the division) to show/hide the div-line text on the y axis. Use value '' (empty, not set, no blank space) for no div-line text. Value '0' shows the text of the zeroline only. Value '1' shows each text of every line. Value '10' shows the text of the 10th line and the zeroline. Try 10 div-lines (numdivlines) and showDivLineValue='5' or ='2' to render each 5th or each second div-line text. | |||
divLineDecimalPrecision='1' | number | An extra attribute to set the div-line values' decimal Precision (rounding numbers), if not set than the value of the decimalPrecision attribute (please look below) is taken here. Turns 33.3333333333 (e.g. max value 100 divided by 4 divLines) into 33.3 One can switch off this option by setting a negative value like divLineDecimalPrecision='-1' but switching off is not recommended especially without setting a fixed y axis maximum value (yAxisMaxValue) because large float numbers caused by the division should be avoided to save space. Yet if set to '1' than a div-line value of 50 will be turned into 50.0 and if set to zero '0' than 66.6 will be rounded to 67 | |||
divLineFontIsBold='1' | boolean | bold div-line font | |||
divLineFontSize='10' | number | sets the size of the div-line font | |||
bgSWF='chartBg.swf' | string | Loading 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' | string | Loading 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' | boolean | Flash 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' | string | Loading an optional external mp3 sound. Sets the name and path. Plays on click rollover and rollout. | |||
animationWall='1' | number | Fading (look: animationWallAlpha) and growing effect of the chart elements while the intro plays. Valid values are '0' up to '2'. Set to zero '0' for no effect. Stand still. '1' activates a simple addition mode of the height. Each element will grow in height by the set value of the attribute called animationWallSpeed. In other words: The tallest element will finish the initial animation as last. Set to '2' for a factor based effect. This factor is also determined by the attribute called animationWallSpeed. Here each element will be animated until the tallest element reaches its height. In other words: Smaller elements will grow slower than taller elements. | |||
animationWallSpeed='4' | number | animation speed steps of the animationWall attribute | |||
animationWallAlpha='1' | boolean | switch the alpha transparency of the animationWall attribute on/off | |||
decimalSeparator=',' | string | if set than 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). | |||
thousandSeparator='.' | string | if supplied than a thousand separator char will be added (turns a value of 1000000 for example into 1.000.000) to improve readability | |||
thousandthSeparator=' ' | string | thousandth separator char of all visible float numbers (turns a value of 4.08000245 for example into 4.080 002 45) to improve readability | |||
decimalPrecision='0' | number | this attribute specifies the decimal Precision (rounding numbers), similar to divLineDecimalPrecision attribute (please look above). 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' than a value of 50 will be turned into 50.0. If set to zero '0' than 66.6 will be rounded to 67 | |||
numberSuffix='€' | string | number suffix of all 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. | |||
numberPrefix='t ' | string | number prefix of all visible numbers | |||
formatNumberScale='0' | boolean | SI 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.' | string | SI (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. ' | string | E 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' than 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. | |||
showLegend='1' | boolean | hide/show the chart's legend | |||
legendVertDis='20' | number | distance in dots above the legend (beneath the chart's canvas) | |||
legendVertPadding='3' | number | Set the vertical padding of the Legend's linefeed automatic in dots. The buttons of the Legend wrap onto a new line if not enough space is available in horizontal dimension akin to a linefeed / carriage return. | |||
showValues='1' | boolean | hide/show all values | |||
btnValues='1' | boolean | hide/show the all values button of the legend | |||
btnValuesText='show Data,hide Data' | string | text of the hide/show all values button. Two state button if this string is separated by a comma! | |||
yAxisMaxValue='40000' | number | determines the maximum value of the y axis. If specified one can use this to highlight data by setting this value below the value of the data to be highlighted! The chart movie calculates this value by itself to the next higher rounded value if this attribute is not set! E notation is supported (look above). | |||
yAxisMinValue='' | number | This is set to 0 by default but one can set values above or below 0 to change the scale of the y axis. E notation is supported (look above). | |||
canvasBgColor='707080' | color | color of the chart's canvas | |||
canvasBgAlpha='42' | number | 0-100 set the canvas' alpha transparency | |||
canvasBgBrightnessFill='40' | number | value range -100 to 100 Brightness, fading the gradient color fill of the chart's canvas. -100 is fade to black. 100 fade to white. | |||
canvasBgBrightnessLine='29' | number | value range -100 to 100 Brightness, fading the line color of the chart's canvas. -100 is fade to black. 100 fade to white. | |||
caption='Human Population' | string | caption string of the chart | |||
captionFontSize='18' | number | font size of the caption string | |||
captionVertDis='10' | number | distance beneath the caption to the next rendered element of the chart | |||
captionButtonAlpha='60' | number | alpha transparency 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' | string | sub caption string of the chart | |||
subCaptionVertDis='0' | number | distance beneath the sub caption to the next rendered element of the chart | |||
navIntro='1' | boolean | show/hide the INTRO navigation button. The functionality of the intro-button reflects the 2D/3D and fade-in settings. | |||
btnIntroText='Play Intro' | string | set any text for the intro button. Supports UTF-8 multi lingual settings. | |||
nav3D2D='1' | boolean | Show/hide the navigation's 2D/3D flip switch button. | |||
btn3D2DText='3D View,2D View' | string | Text 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 than both states will render one and the same text. | |||
navRefresh='1' | boolean | Show/hide the refresh/reload button. By clicking this button all data of the xml is loaded and rendered anew | |||
btnIntroText='Play Intro' | string | set any text for the intro button. Supports UTF-8 multi lingual settings. | |||
navPrint='0' | boolean | Show/hide the navigation's print button. Note, the entire navigation and the legend's show all values button will be hidden while printing. | |||
btnPrintText='Print Out' | string | Text string of the print 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 than both states will render one and the same text. Supports UTF-8. | |||
navColor='556699' | color | Here one can set a different color for all navigation elements. | |||
navVertDis='30' | number | Distance above the navigation to the next element rendered by the chart movie in dots. | |||
tabFocus='1' | boolean | Specifies 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. | |||
buttonHeight='3' | number | Additional button height adding to the height of the rendered font in dots. | |||
buttonWidth='-6 | number | Additional width beyond the width of the respective text string of each button in dots. | |||
buttonRollOutAlpha='80' | number | Set the mouse rollout alpha transparency high- and low-light effect. Value range 0-100. | |||
buttonRollOverAlpha='100' | number | Set the mouse rollover alpha transparency high- and low-light effect. Value range 0-100. | |||
buttonTextRollOutAlpha='50' | number | Flash 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' | number | Flash 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' | number | Horizontal padding of the charts legend and navigation buttons in dots. | |||
buttonBevel='6' | number | Button'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' | number | The outer color fades to alpha 0. This sets the color ratio of the outer color. This value is automatically calculated if left blank. | |||
buttonCornerRadius='' | number | Sets 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' | number | The 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' | number | Button's alpha transparency of the inner color (0 to 100). | |||
buttonOuterAlpha='100' | number | Button's alpha transparency of the outer color (0 to 100). | |||
chartLeftMargin='0' | number | Left 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' | number | Right margin of the chart movie in dots. | |||
chartTopMargin='0' | number | Top margin of the chart movie in dots. | |||
chartBottomMargin='0' | number | Bottom margin of the chart movie in dots. | |||
openText='Open: ' | string | Candlestick chart only. Open text string of the hover caption of the candlestick chart element. | |||
closeText='Close: ' | string | Candlestick chart only. Close text string of the hover caption of the candlestick chart element. | |||
highText='High: ' | string | Candlestick floatingColumn and floatingCylinder chart only. High text string of the hover caption of these chart element. | |||
lowText='Low: ' | string | Candlestick floatingColumn and floatingCylinder chart only. Low text string of the hover caption of these chart element. | |||
bullFillColor='33bb33' | color | Candlestick chart only. Bull fill color of the candlestick chart element. One can set different bull colors for each series with the bullFillColor attribute of the dataset child node. | |||
bearFillColor='555577' | color | Candlestick chart only. Bear fill color of the candlestick chart element. One can set different bear colors for each series with the bearFillColor attribute of the dataset child node. | |||
shadowThickness='20' | number | Candlestick chart only. Shadow size in percent of the body size which is set by the wallThickness attribute. | |||
body='cylinder' | string | Candlestick chart only. Specify how the candlestick is rendered, do choose between 'cylinder' and 'column'. (column is default) | |||
shadow='column' | string | Candlestick chart only. Set this value only if you like the shadow rendered differently than the body. Choose between 'cylinder' and 'column'. | |||
surfaceYcolorsVal='10,30,55' | number | Surface chart colored by height (according to Z-axis value) only. If this attribute is not set than the chart movie will switch to rendering the surface type colored by the series. Set the values for the color regions. Comma separated. Note: The first minimum and the last maximum value should not be set. So the three values '10,30,55' determine four colored regions. The first region runs from the minimum e.g 0 up to 10, the forth from 55 to 100 | |||
surfaceYinPerc='0' | boolean | Surface chart colored by height only. Switch for the 'surfaceYcolorsVal' attribute. Switches between reading percentage and actual values. | |||
surfaceYshowVal='1' | boolean | Surface chart colored by height only. Show/hide the values of the color regions. Similar to the 'showDivLineValue' attribute. Set numdivlines='-1' to hide all divisional lines while rendering this type of surface charting. The (divLine) precision alpha and color values of the divisional lines do apply for the divisional lines of this surface type too. Also the number formatting attributes are valid. | |||
surfaceYcolors='5577ff, bbbb33,00cc00,bbbbbb' | color | Surface charts colored by height only. Comma separated color values, the more color regions the more cpu resources are used. A set of 16 different repeating default colors are rendered if this attribute is not supplied. Set to surfaceYcolors=',,99ff99' (no blank spaces) to change the value of the third color region only. | |||
surfaceYnames='Sea ,Beach ,Flora ,Mountain ' | string | Surface chart colored by height only. Set a display name for each color region. Comma separated. Use blank spaces to avoid overlapping. Can be used to create an alterative z axis legend like 'green from 0 to 17000,blue from 17000 to 30000, etc'. | |||
surfaceDivZoneAlpha='30' | number | Surface chart colored by height only. Sets the alpha value of all color regions on the chart's canvas. Note: The elements' alpha value of each series remains valid for this type of surface charting. | |||
attributes of the <categories ... > child node | |||||
font='Verdana' | string | Specifies the font of the category names. | |||
isBold='1' | boolean | Render the category fond bold. | |||
vertical='0' | boolean | Option to insert a carriage return / line feed after each char of every rendered category name. This vertical alignment is of advantage not only for small dimensioned chat movies. | |||
fontSize='11' | number | Font size of the category names. | |||
fontColor='' | color | Font color of all category names. Colored fonts respectively to the individual color of single series chart elements are supported. To achieve this effect leave this fontColor='' attribute blank. | |||
attributes of the categories child node called <category ... > | |||||
name='Jan' | string | Name of the category. Here one can insert new-line commands (carriage return / line feed) by \r\n like this: name='Jan\r\n2008' | |||
attributes of the <dataset ... > child node | |||||
seriesName='Banana' | string | Name string of the series. This name will be rendered on the respective button in the legend if the legend is visible. | |||
color='0099bb' | color | Color of the series. Overwrites the colors calculated or set by the elementColor attribute of the <chart ... > node. | |||
textColor='ccddff' | color | Color of the hover Caption Value text of the respective series. | |||
renderAs='Cylinder' | string | Render this series as 'Column' (default) 'floatingColumn' 'Cylinder' 'floatingCylinder' 'Area' 'Line' or 'Surface' (requires two consequent Surface series) element type or as 'Candlestick'. | |||
alpha='75' | number | Transparency alpha value of the chart's elements of this series. | |||
bullFillColor='ee6633' | color | Candlestick chart only. Set a different bull color for this particular series. | |||
bearFillColor='777799' | color | Candlestick chart only. Set a different bear color for this particular series. | |||
attributes of the dataset child node called <set ... > | |||||
value='69' | number | Number or float value of the element. Positive negative and zero values are supported. Please read the desription 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. Candlestick chart elements will support only positive values though. A value is interpreted as discontinuous or missing in case this value attribute is left blank. | |||
color='0099bb' | color | A special single series Color attribute. The color of this particular element can be set here and the color of the category font if the respective color attribute of the respective <dataset ... > node is left blank. This attribute is not interpreted if rendering multi series. This attribute will overwrite automatically calculated values for single series of the <chart ... > node's elementColor attribute. Tip: To let the elementColor attribute calculate its solid fading colors for the first value to the last single series' value do set only the first single series color here in accord with the first of two values set in the elementColor attribute. | |||
link='page.html' | string | Add a link for drill down charts that 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,toolbar=no,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. |
|||
open='75' | number | Candlestick chart only. Open value of the candlestick element. | |||
close='66' | number | Candlestick chart only. Close value of the candlestick element. | |||
high='79' | number | Candlestick floatingColumn and floatingCylinder chart only. High value of this element. | |||
low='60' | number | Candlestick floatingColumn and floatingCylinder chart only. Low value of this element. | |||
attributes of the (optional) addlines child node called <line ... > | |||||
startValue='69' | number | Start value of the additional line to be rendered. | |||
endValue='82' | number | End value of the additional line. If not set than the end value is the same as the start value. | |||
zoneValue='10' | number | Set the height of a zone (broad rectangular shape) with this zone-value attribute. Note, also this value relates to the scale of the y-axis (not dots) and the start/end value will be in the horizontal middle of this zone value. If not set than a simple line is rendered only. | |||
color='0099bb' | color | Color of the line/zone. | |||
displayValue='Average' | string | Sets the text string of the line/zone. This text is rendered on the y-axis. Do use blank spaces here wisely to avoid overlapping issues with the y-axis name values . If left blank than the start value is rendered here by default. Tip: By setting a single blank space here no visible value will be rendered. | |||
thickness='2' | number | Thickness of the line in dots. | |||
alpha='60' | number | Alpha transparency value of the line/zone (0-100). |