Combi charts' xml
|
||||||||
<chart by='www.advance-media.com' caption='Media Company' xAxisName='Month' yAxisName='Revenue'
numberPrefix='$' decimalPrecision='1' divLineDecimalPrecision='0' endRotationAngle='55'
cameraY='45' startMode2D3D='3' wallSpace='165' 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='80'> <set value='17400' /> <set value='19800' /> <set value='21800' /> <set value='23800' /> <set value='29600' /> <set value='27600' /> <set value='31800' /> <set value='41700' /> <set value='37800' /> <set value='21900' /> <set value='32900' /> <set value='48800' /> </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='35000' color='33ff66' alpha='40' /> <line startValue='25000' 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 z-axis. Tip: Choosing a high value of e.g. '300' here will render even a single series on a canvas that looks quite cube like in 3D mode. | |||
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 and Bubble charting: Value set to '2' gives you a special design option only for columns and bubbles. All 3 column's sides got their own gradient fill. Bubbles will have a radial gradient fill. '0' in combination with showing bubbles columns and/or cylinders switches to a top brighter side darker or front brighter solid color design theme. | |||
brightnessFill='23' | number | Value 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' | 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. The camera's Y axis movement goes up to this set value while the 3D rotation around the y axis. Value ranging from 0 to 45 are usually supported quite well depending somewhat on the dimension of the entire movie, values above 45 will use a lot of space on the y-dimension of the entire movie. The math approach will try to stretch and fit almost all stage and movie dimensions. Test your setup thoroughly after choosing your desired angles and proportions. | |||
by='www.advance-media.com' | string | Just 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. | |||
elementColor='66aadd,66ddaa' | color | Set the entire color theme of the chart movie's elements/series with just one or two colors here. If only one color is provided then 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) then the first element or series is going to be rendered having this first color, the last will be rendered having 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. | |||
baseFont='Verdana' | string | Name 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' | color | general hexadecimal color value of font | |||
baseFontSize='10' | number | font size of the text elements | |||
baseFontIsBold='1' | boolean | render font bold | |||
outCnvBaseFont='Verdana' | string | standard font name of the text elements outside of the chart canvas | |||
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 by this very attribute. | |||
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 an initial 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' then 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 | |||
yAxisMaxValue='40000' | number | Determines a fixed maximum value for the y axis. If specified one can use this attribute to highlight data points by setting this value below the value of the data points to be highlighted. The highlighted data points will be rendered above the chart's canvas! The chart movie calculates this maximum value by itself to the next higher rounded value of the highest/greatest data point found in all series if this attribute is not set! (In some cases this value could be set to a negative number) E notation is supported (look above). | |||
yAxisMinValue='' | number | This minimum value of the y axis is set to 0 by default but one can set values above or below 0 to change the scale. E notation is supported (look above). | |||
numDivLines='2' | number | Value '0' shows the horizontal zero division-line on the canvas only. Set this value to numdivlines='-1' to render no div-line (divisional line). '10' for ten div-lines plus the zero line | |||
showDivLineValue='1' | number | The calculation of this attribute uses the modulo operator (rest of the division) to show/hide the div-line value text (number) on the y axis. Use value '-1' for no div-line value 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. | |||
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 | |||
divLineDecimalPrecision='1' | number | An extra attribute to set the div-line values' decimal Precision (rounding numbers), if not set then 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' then a div-line value of 50 will be turned into 50.0 and if set to zero '0' then 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 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). | |||
thousandSeparator='.' | string | if supplied then 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' 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='€' | 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' 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. | |||
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 | initially hide '0' or show '1' all values of the chart elements | |||
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! | |||
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 then 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. | |||
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 and the legend's show all values button 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' | 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. | |||
line3DStroke='10' | number | Line stepLine and Kagi chart only. Sets the 3D stroke or thickness of any line graph in dots. The result is a true miter calculation if this value is not set to zero. Thus it is not recommended to combine the line type with miter option (no problem with kagi and stepLine here) with the initialXgrow animation effect because a miter may grows out of the visual window. Any miter that tangents the bottom of the canvas will be cut off automatically to give the chart its sleek look. Also the 3D stroke should not be thicker than the available space on the x axis. Use values between 5 to 20 to obtain the desired 3D line stroke effect. To avoid seeing the hollow bottom part of the line chart with stroke in 3D mode if rendering very steep ascending graphs you may use higher values for the 'caneraY' attribute. In the <dataset ... > child node do use alpha transparency values close to '100' for any Kagi and stepLine series to avoid overlapping visual effects of the vertical and horizontal 3D parts for the sake of a simplistic fast 3D calculation. | |||
line3DStrokeBear='7' | number | Kagi stock chart only. Sets the bear 3D stroke or thickness of the Kagi chart in dots. The value should be smaller than the bull value set by 'line3DStroke'. If not set then the bear and bull thickness will be the same. | |||
bubbleRadiusMax='40' | number | Bubble chart only. Inherently bubble chart elements require space on the x and y axis. This puts certain limitations on the amount of bubbles in a series to make sense as the radius is automatically calculated by the available space on the x axis for each element in relation to the greatest bubble value. Yet the radius may grows too big if only a small number of bubbles e.g. '3' is rendered. This attribute helps to set a maximum radius in this case. Too big bubbles would consume too much space on the y axis. By default this value is set to '50'. Set this value to '0' to switch of this radius limitation for super big size dimension charting. Also this attribute can be used to get a properly weighted scale of all related values. | |||
bubbleText='Bubble:' | string | Bubble chart only. Text string of the bubble value of the bubble chart's hover caption element. | |||
bubbleTextY='Y-Val:' | string | Bubble chart only. Text string of the y axis height determining value of the bubble chart's hover caption element. | |||
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 floatingArea floatingColumn and floatingCylinder chart only. High text string of the hover caption of these chart element. | |||
lowText='Low:' | string | Candlestick floatingArea floatingColumn and floatingCylinder chart only. Low text string of the hover caption of these chart element. | |||
volumeText='Vol:' | string | Candlestick plus all floating charts (Renko chart as single series). Volume text string of the hover caption of these chart element. | |||
rangeText='Range:' | string | floatingArea floatingColumn and floatingCylinder chart only. Range text string of the hover caption of these chart element. The range value itself is calculated automatically (high value minus low value). No range value will be displayed if this attribute is left blank or if not supplied. | |||
bullFillColor='33bb33' | color | Candlestick and Kagi chart only. Bull fill color of the candlestick/Kagi chart element. One can set different bull colors for each series with the bullFillColor attribute of the dataset child node. | |||
bearFillColor='555577' | color | Candlestick and Kagi chart only. Bear fill color of the candlestick/Kagi 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 then 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 in some cases is of advantage to avoid overlapping effects 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. | |||
attribute 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\n2009'. The category text is mouse hover enabled. All chart elements' hover caps and values of this category will show up. Leave this attribute blank to create a category without name text to e.g. avoid overlapping effects. Abbreviations are the secret here to produce visual enticing charts. | |||
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' 'floatingArea' 'Line' 'stepLine' 'Bubble' or 'Surface' (requires two consequent Surface series) element type or as 'Candlestick' or as 'Kagi'. | |||
alpha='75' | number | Transparency alpha value of the chart's elements of this series. | |||
bullFillColor='ee6633' | color | Candlestick and Kagi chart only. Set a different bull color for this particular series. (Note, Kagi stock charts actually do not exist as multi series charts due to the independence of time) | |||
bearFillColor='777799' | color | Candlestick and Kagi 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 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. 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. (Use this color attribute in combination with a floating Column or floating Cylinder chart type to set bull and bear colors to plot a single series time independent 'Renko' or 'Three Line Break' chart) | |||
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. |
|||
bubbleValue='75' | number | Bubble chart only. Bubble value of a bubble chart element. This value must be a number greater than zero '0' otherwise this value is interpreted as discontinuous or missing element. The value determining the height of the bubble on the y axis is set by the common attribute of this XML 'set' node called 'value', look above. Note: Similar to line charts rendered with 3D stroke effect set by the attribute called 'line3DStroke' bubbles will be cut off if touching the bottom of the chart's canvas and can possibly be rendered above the top of the canvas too. If this is not desired one can add extra canvas space by altering the yAxisMaxValue='' yAxisMinValue='' attributes. | |||
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 floatingArea floatingColumn and floatingCylinder chart only. High value of this element. | |||
low='60' | number | Candlestick floatingArea floatingColumn and floatingCylinder chart only. Low value of this element. | |||
volume='139' | string number | Candlestick floatingArea floatingColumn and floatingCylinder chart (Renko chart as single series) only. This volume string can be used to represent the number of shares traded during the period of each candlestick. It will show as part of the hover cap only if supplied. | |||
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 then 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 then 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 then 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). |