|
Popup labels (since version v1_30)
The Swiftchart applet allows one to enable popup labels. The popup labels show up when the mouse is moved over the different chart areas. Popup labels can display x-axis values, serie labels and data values depending on the chart area.
The following parameters can be used for setting up the popup labels:
- popup
- popup_bg_color
- popup_border_color
- popup_font_color
- popup_font_size
- popup_font_type
- popup_text
The popup text parameter can contain the following HTML tags:
<BR>, <B>, </B>, <I> and </I>
To display content sensitive data use the following within the popup_text parameter:
@XV@: display x-axis value
@SE@: display serie label
@DA@: display data value
The popup_text parameter value for the below example is:
<B>Serie: </B>@se@<BR><B>X-Value: </B>@xv@<BR><B>Value: </B>@da@</P>
For further information on how to use the popup label parameters please go to the parameters section.
Example screen shot: popup labels
Example: HTML source code
|
<HTML>
<BODY>
<applet name="app1" code="swiftchart.class" width="500" height=300">
<param name="popup" value="Y">
<param name="popup_bg_color" value="FFFFCC">
<param name="popup_border_color" value="000000">
<param name="popup_font_color" value="000000">
<param name="popup_font_size" value="12">
<param name="popup_font_type" value="Courier">
<param name="popup_text" value="<B>Serie: </B>@se@<BR><B>X-Value: </B>@xv@<BR><B>Value: </B>@da@<">
<param name="chart_type" value="bar3d">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_color" value="999999">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_ver" value="Y">
<param name="grid_line_ver_color" value="999999">
<param name="grid_line_ver_type" value="0">
<param name="applet_bg" value="FFFFFF">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Popup labels example">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="16">
<param name="title_font_style" value="BOLD">
<param name="legend_position" value="right">
<param name="legend_font_size" value="12">
<param name="data_value" value="NONE">
<!--
<param name="data_value_font_color" value="990000">
<param name="data_value_font_size" value="12">
<param name="data_value_font_style" value="bold">
<param name="data_value_pct" value="Y">
<param name="data_value_digits" value="0">
-->
<param name="x_value" value="Indonesia,China,India,Brazil">
<param name="s1_value" value="10,52,14,17">
<param name="s1_label" value="Rice">
<param name="s1_line_marker" value="n">
<param name="s1_line_WEIGHT" value="2">
<param name="s2_value" value="20,5,22,26">
<param name="s2_label" value="Potatoes">
<param name="s2_line_marker_type" value="8">
<param name="s2_line_WEIGHT" value="2">
<param name="s3_value" value="39,36,18,35">
<param name="s3_label" value="Wheat">
<param name="s3_line_WEIGHT" value="2"
</APPLET>
</BODY>
</HTML>
|
|
