Miscellaneous |
1. The Color Calculator: You may find the color calculator useful for an easy page integration. It features the same algorithm as the combination chart movie to calculate the color theme which is set by the xml attribute elementColor='66aadd,66ddaa'. It might be very handy to know the exact html hexadecimal color code values especially if you are working with a fixed number of dataset or series. Simply type in two hexadecimal color codes without the '#' character or choose colors from the color-picker. These two colors will represent the first and last solid color of the smoothly fading theme. Set the number of solid colors to be calculated and click the 'calculate' button, go! |
|
In case you would like to know more about the color calculator's algorithm itself, I did publish the relating flash code as open source here. 2. Button Themes: Here you may find a few different XML attribute settings for the button element of the chart movies. Just to get you jump-started talking about the wide variety of various button designs which can be achieved simply by altering a few XML attributes. Edit as you like to suit your individual page design. framed button XML settings: buttonOuterAlpha='100' buttonHeight='3' buttonRollOutAlpha='80' buttonRollOverAlpha='100' buttonWidth='-6' buttonHorPadding='4' buttonBevel='3' buttonInnerBrightness='-20' buttonInnerAlpha='50' |
|||||
|
|||||
highlight 100 button XML settings: buttonOuterAlpha='100' buttonHeight='3' buttonRollOutAlpha='100' buttonRollOverAlpha='90' buttonWidth='-6' buttonHorPadding='4' buttonBevel='7' buttonInnerBrightness='100' buttonInnerAlpha='100' |
|||||
|
|||||
glow button XML settings: buttonOuterAlpha='50' buttonHeight='5' buttonRollOutAlpha='60' buttonRollOverAlpha='72' buttonWidth='-6' buttonHorPadding='-13' buttonInnerBrightness='0' buttonInnerAlpha='100' |
|||||
|
|||||
quadratic button XML settings: buttonOuterAlpha='85' buttonHeight='5' buttonRollOutAlpha='60' buttonRollOverAlpha='72' buttonWidth='-6' buttonHorPadding='-13' buttonCornerRadius='0' buttonInnerBrightness='-33' buttonInnerAlpha='100' |
|||||
|
|||||
You can download the button script as open source here. You will find links inside of that movie to all relating scripts e.g. to a brightness function. 3. Anomaly What if the chart movie renders the graph yet it looks like the graph is displayed upside down as shown beneath? |
|||||
|
|||||
Why and when does this anomaly occur? What can you do to avoid this anomaly effect? As shown in the picture above there is too little space or no space on the Y-axis to render the graph between its caption above and its legend beneath. Simply avoid this by increasing the Y-axis dimension allocated to the chart's movie in its html setup container (or in its flash or its PowerPointTM container). Yet this anomaly sometimes occurs just after clicking from 2D to 3D mode. Well, the chart movie features a calculation that stretches the rendered graph on the X-axis to the limit and which uses all available space to the fullest. A different calculation might render always fitting yet very very tiny looking charts. As previously said to avoid this problem increase the Y-axis dimension allocated to the chart's movie in its html flash or PowerPointTM container. But you can try out two more tricks to avoid this anomaly. Try setting lower values for the two 3D positioning XML-attributes: cameraY='15' endRotationAngle='25' Especially if you haven't got extra space left on the Y-axis e.g. because of page integration reason. Anyway this anomaly will occur only while setting up your chart movie. After the correction this effect will never show! Your charts will always look as shown below: |
|||||
|