|
Back to Examples
|
XY chart / XY graph example 4
|
|
XY (scatter) chart with only displaying markers (s1_line_marker set to ONLY).
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="xy">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="XY chart - scatter">
<param name="title_font_size" value="18">
<param name="legend_position" value="NONE">
<param name="data_value" value="NONE">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_ver" value="Y">
<param name="grid_line_ver_type" value="0">
<param name="grid_line_ver_color" value="CCCCCC">
<param name="x_value" value="98,80,79,79,72,93,87,70,77,89,92,91,80,76,79,100,79,79
,77,61,82,83,95,80,83,80,87,89,101,62,80,80,91,78,70,79,84,80,79,74,87,79,78,80,81,91
,75,92,67,86,103,62,85,79,88,80,80,82,81,83,82,80,79,75,89,79,78,80,72,87,77,84,79,79
,80,75,81,75,98,80,56,81,81,86,79,68,92,79,77,74,73,87,78,79,71,80,100,78,79,80">
<param name="s1_value" value="43,54,40,42,44,33,45,38,45,38,39,44,46,42,62,28,56,39
,43,41,30,36,39,43,62,60,41,31,40,29,26,33,39,39,39,39,40,52,40,55,31,40,33,40,43,36,40
,44,51,63,37,46,39,39,46,39,17,37,36,48,48,40,34,40,38,40,49,40,40,46,39,42,46,36,22,40
,40,35,43,43,40,22,35,38,41,39,40,39,59,40,40,56,39,49,63,60,24,38,40,38">
<param name="s1_label" value="marker and line">
<param name="s1_color" value="FF9999">
<param name="s1_line_marker" value="ONLY">
<param name="s1_line_marker_type" value="2">
<param name="s1_line_weight" value="2">
<param name="y_unit" value="20">
<param name="x_unit" value="20">
<param name="y_max" value="80">
<param name="x_max" value="120">
<param name="x_min" value="40">
</applet>
|
|
Trend example 2
|
|
XY (scatter) chart with linear trend using the s1_trend parameter. The legend is displayed inside the chart on the top left. The data value is formatted using the data_value_format pattern.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="xy">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Trend for xy (scatter) chart">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="title_sub1_text" value="Linear trend">
<param name="y_axis_font_color" value="000000">
<param name="y_axis_font_size" value="12">
<param name="legend_position" value="INTOPLEFT">
<param name="data_value" value="INSIDE">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="1">
<param name="grid_line_hor_color" value="999999">
<param name="grid_line_ver" value="Y">
<param name="grid_line_ver_type" value="1">
<param name="grid_line_ver_color" value="999999">
<param name="x_value" value="-120,-34,-12,50,65,89,120,145,170,190">
<param name="s1_value" value="-38,-23,-58,34,-12,-7,34,29,56,36">
<param name="s1_label" value="Voltage">
<param name="s1_color" value="000000">
<param name="trend1" value="LIN">
<param name="trend1_label" value="Trend">
<param name="trend1_color" value="FF3333">
<param name="s1_line_marker" value="ONLY">
<param name="s1_line_marker_type" value="13">
<param name="y_min" value="-100">
<param name="y_max" value="100">
<param name="y_unit" value="25">
<param name="x_unit" value="100">
</applet> |
|
XY pairs example 1
|
|
XY (scatter) chart based on 3 XY pairs. Rather than using the x_value and the s[n]_value parameters, the actual data is defined using the xy[n]_value parameters. In order Swiftchart uses the xy[n]_value parameters, the xy_pairs parameter is set to Y.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="xy">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFCC">
<param name="title_text" value="XY Pairs">
<param name="title_font_size" value="18">
<param name="title_sub1_text" value="With three XY Pairs">
<param name="legend_position" value="INBOTTOMRIGHT">
<param name="s1_line_marker_type" value="1">
<param name="s1_color" value="00CC00">
<param name="s1_line_marker" value="ONLY">
<param name="s1_label" value="Group A">
<param name="s2_line_marker_type" value="8">
<param name="s2_color" value="CC0000">
<param name="s2_line_marker" value="ONLY">
<param name="s2_label" value="Group B">
<param name="s3_line_marker_type" value="7">
<param name="s3_color" value="0000CC">
<param name="s3_label" value="Group C">
<param name="s3_line_marker" value="ONLY">
<param name="grid_line_ver" value="Y">
<param name="grid_line_ver_type" value="0">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="xy_pairs" value="Y">
<param name="xy1_value" value="32:10,33:12,40:11,42:6,37:5,35:14">
<param name="xy2_value" value="4:40,11:42,12:31,10:22,8:38,9:45,12:38,11:24">
<param name="xy3_value" value="40:56,42:63,55:56,48:51">
</applet> |
|
Bubble chart example 1
|
|
Bubble 3D chart based on one serie.
Back to top
|
<applet code="swiftchart.class" width="400" height="400">
<param name="chart_type" value="BUBBLE3D">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Simple Bubble Chart">
<param name="title_font_size" value="18">
<param name="legend_position" value="NONE">
<param name="legend_bg" value="FFFFFF">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="999999">
<param name="x_value" value="Portugal,Italy,France,Spain,Greece">
<param name="s1_value" value="50;9,60;15,78;23,53;32,39;7">
<param name="s1_color" value="CC9900">
<param name="x_axis_title" value="Y">
<param name="x_axis_title_text" value="Countries">
<param name="x_axis_title_font_style" value="BOLD">
</applet>
|
|
Bubble chart example 2
|
|
Bubble chart based on two series. The x axis values are displayed on two rows using the HORIZONTAL2 setting for the x_axis_font_orientation parameter.
Back to top
|
<applet code="swiftchart.class" width="400" height="400">
<param name="chart_type" value="BUBBLE">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Bubble Chart with 2 Series">
<param name="title_font_size" value="18">
<param name="legend_position" value="BOTTOM">
<param name="legend_bg" value="FFFFFF">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="999999">
<param name="x_value" value="Austria,Azerbaijan,Portugal,Belarus,Belgium,Bulgaria,Cambodia,Croatia,Estonia,Greece">
<param name="s1_value" value="50;9,60;5,78;21,66;27,59;12,30;12,60;15,78;18,18;12,39;7">
<param name="s1_label" value="2000">
<param name="s1_color" value="FF6666">
<param name="x_axis_title" value="Y">
<param name="x_axis_font_orientation" value="HORIZONTAL2">
<param name="s2_value" value="20;11,40;11,58;15,48;24,22;19,50;9,40;12,52;12,52;22,32;11">
<param name="s2_label" value="2005">
<param name="s2_color" value="6666FF">
<param name="x_axis_title" value="Y">
<param name="x_axis_title_text" value="Countries">
<param name="x_axis_title_font_style" value="BOLD">
</applet>
|
|
Radar chart example 1
|
|
Simple radar chart, line markers displayed.
Back to top
|
<applet code="swiftchart.class" width="400" height="400">
<param name="chart_type" value="RADAR">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Simple Radar Chart">
<param name="title_font_size" value="18">
<param name="legend_position" value="NONE">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="CCCCCC">
<param name="x_value" value="Maths,Arts,French,German,Music">
<param name="x_axis_font_style" value="BOLD">
<param name="s1_value" value="83,52,49,77,61">
<param name="s1_color" value="CC3366">
<param name="s1_line_marker" value="Y">
<param name="s1_line_marker_type" value="8">
<param name="y_max" value="100">
<param name="y_unit" value="20">
</applet>
|
|
Radar chart example 2
|
|
Radar chart with two series. One serie displayed with line markers, the other one not.
Back to top
|
<applet code="swiftchart.class" width="400" height="400">
<param name="chart_type" value="RADAR">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Radar Chart with 2 Series">
<param name="title_font_size" value="18">
<param name="legend_position" value="INBOTTOM">
<param name="legend_bg" value="FFFFFF">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="CCCCCC">
<param name="x_axis_font_style" value="BOLD">
<param name="x_value" value="Cat,Dog,Horse,Cow,Scheep,Fish">
<param name="s1_value" value="83,52,49,77,61,55">
<param name="s1_label" value="Country">
<param name="s1_color" value="CC3333">
<param name="s1_line_marker" value="Y">
<param name="s1_line_marker_type" value="7">
<param name="s2_value" value="43,67,82,56,32,45">
<param name="s2_label" value="City">
<param name="s2_color" value="3333CC">
<param name="s2_line_marker" value="NONE">
<param name="y_max" value="100">
<param name="y_unit" value="20">
</applet>
|
|
Radar chart example 3
|
|
Radar chart with three series. The series are split into two groups, displaying two radar charts.
Back to top
|
<applet code="swiftchart.class" width="400" height="400">
<param name="chart_type" value="RADAR">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Radar Chart with 3 Series">
<param name="title_font_size" value="18">
<param name="title_sub1_text" value="Based on two groups">
<param name="title_sub1_font_size" value="14">
<param name="legend_position" value="TOP">
<param name="legend_bg" value="FFFFFF">
<param name="x_axis_font_style" value="BOLD">
<param name="x_value" value="A,B,C,D">
<param name="s1_value" value="83,52,49,77,61,55">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="FF6600">
<param name="s1_line_marker" value="NONE">
<param name="s2_value" value="43,67,82,56,32,45">
<param name="s2_label" value="Serie 2">
<param name="s2_color" value="00FF66">
<param name="s2_line_marker" value="NONE">
<param name="s3_value" value="82,24,26,67,25">
<param name="s3_label" value="Serie 3">
<param name="s3_color" value="6600FF">
<param name="s3_line_marker" value="NONE">
<param name="s1_line_weight" value="2">
<param name="s2_line_weight" value="2">
<param name="s3_line_weight" value="2">
<param name="s1_group" value="1">
<param name="s2_group" value="2">
<param name="s3_group" value="2">
<param name="group1_grid_line_hor" value="Y">
<param name="group1_grid_line_hor_type" value="0">
<param name="group1_grid_line_hor_color" value="CCCCCC">
<param name="group2_grid_line_hor" value="Y">
<param name="group2_grid_line_hor_type" value="0">
<param name="group2_grid_line_hor_color" value="CCCCCC">
<param name="group1_y_max" value="100">
<param name="group1_y_unit" value="25">
<param name="group2_y_max" value="100">
<param name="group2_y_unit" value="25">
</applet>
|
|
Stacked area radar chart example 1
|
|
Stacked area radar chart with 3 series.
Back to top
|
<applet code="swiftchart.class" width="400" height="400">
<param name="chart_type" value="STACKEDAREARADAR">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Radar Area Chart with 3 Series">
<param name="title_font_size" value="18">
<param name="legend_position" value="INTOPRIGHT">
<param name="legend_bg" value="FFFFFF">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="CCCCCC">
<param name="x_axis_font_style" value="BOLD">
<param name="x_value" value="Jan,Feb,Mar,Apr,May">
<param name="s1_value" value="83,32,67,67,45">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="FF9999">
<param name="s1_line_marker" value="NONE">
<param name="s2_value" value="43,67,82,56,12">
<param name="s2_label" value="Serie 2">
<param name="s2_color" value="9999FF">
<param name="s2_line_marker" value="NONE">
<param name="s3_value" value="43,52,27,37,65">
<param name="s3_label" value="Serie 3">
<param name="s3_color" value="66CC66">
<param name="s3_line_marker" value="NONE">
</applet>
|
|
Stock chart example 1
|
|
Min/max stock chart with 2 data series. Min/max values are entered within the s1_value and s2_value parameters - min and max values are separated by a semicolon.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="stock1">
<param name="applet_bg" value="EEEEEE">
<param name="bar_width" value="60">
<param name="chart_bg" value="FFFFFF">
<param name="depth3D" value="200">
<param name="title_text" value="Min - max stock chart">
<param name="title_font_size" value="18">
<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="000000">
<param name="data_value_font_size" value="12">
<param name="grid_line_hor" value="N">
<param name="grid_line_ver" value="Y">
<param name="grid_line_ver_type" value="0">
<param name="grid_line_ver_color" value="CCCCCC">
<param name="x_value" value="Mon,Tue,Wed,Thu,Fri,Sat,Sun">
<param name="s1_value" value="12;13,8;6,16;12,22;11,16;5,18;15,18;12">
<param name="s1_label" value="Sample 1">
<param name="s1_color" value="FF0000">
<param name="s2_value" value="5;6,10;12,9;11,23;33,21;26,24;32,21;19">
<param name="s2_label" value="Sample 2">
<param name="s2_color" value="0000FF">
</applet>
|
|
Stock chart example 2
|
|
Min/max/close stock chart . Min/max/close values are entered within the s1_value parameter - min, max and close values are separated by a semicolon.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="stock2">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="depth3D" value="200">
<param name="title_text" value="Min - max - close stock chart">
<param name="title_font_size" value="18">
<param name="legend_position" value="NONE">
<param name="legend_font_size" value="12">
<param name="data_value" value="NONE">
<param name="data_value_font_color" value="000000">
<param name="data_value_font_size" value="12">
<param name="grid_line_hor" value="N">
<param name="grid_line_ver" value="N">
<param name="x_value" value="Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec">
<param name="s1_value" value="112;123;121,120;134;133,131;154;141,132;136;135,112;132;118,90;105;98
,105;147;142,127;135;132,134;150;141,156;167;162,156;187;187,178;183;182">
<param name="s1_label" value="test">
</applet>
|
|
Stock example 3
|
|
Open/min/max/close stock chart . open/min/max/close values are entered within the s1_value parameter - open, min, max and close values are separated by a semicolon. If the close is greater than the open, the open/close box is drawn empty, otherwise the open/close box is drawn filled.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="stock3">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="CCFFFF">
<param name="depth3D" value="200">
<param name="title_text" value="Open - min - max - close stock chart">
<param name="title_font_size" value="18">
<param name="legend_position" value="NONE">
<param name="legend_font_size" value="12">
<param name="data_value" value="NONE">
<param name="data_value_font_color" value="000000">
<param name="data_value_font_size" value="12">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="669999">
<param name="grid_line_ver" value="N">
<param name="x_value" value="09:00,10:00,11:00,12:00,13:00,14:00,15:00,16:00,17:00">
<param name="s1_value" value="52;51;55;53,53;52;57;55,55;53;58;54,54;54;59;57,57;48;61;53,53;53;68;66,66;62;78;72,72;67;77;75,75;67;76;69">
<param name="s1_color" value="009999">
</applet>
|
|
Moving average
|
|
Line graph with 10 and 20 day moving average using the trend parameters. The number of days (data items) the moving average period is based on is defined as part of the trend prameter (eg MOVAVG10 is a 10 day period, MOVAVG20 a 20 day period).
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="line">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Moving Averages">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="CCCCCC">
<param name="x_axis_value_display" value="N">
<param name="x_value" value="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28
,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63
,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99
,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126
,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153
,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180
,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200">
<param name="s1_value" value="100,101,102,97,96,95,105,104,108,101,99,93,96,89,94,86,87,80,83,82,77,78,84
,79,78,78,83,81,80,86,82,77,69,75,81,85,93,89,81,83,89,82,86,86,83,82,86,95,104,102,110,113,120,121,118,114,111
,103,110,110,108,117,113,115,106,102,93,90,93,88,82,89,98,102,104,102,108,108,108,116,125,124,129,128,126,130
,140,131,132,137,139,132,133,130,136,130,127,137,138,147,138,131,140,134,126,123,131,133,137,141,143,148,143
,140,133,126,131,135,141,146,140,143,148,139,142,146,139,137,136,145,153,150,147,145,151,144,146,154,155,158
,162,153,148,151,160,155,150,159,164,170,171,181,173,166,166,171,168,163,162,156,152,151,160,152,143,136,145
,146,145,141,148,140,143,137,136,129,136,137,138,146,141,151,158,165,162,167,162,165,156,150,158,168,162,165
,173,167,177,170,174,181">
<param name="s1_label" value="Base data">
<param name="s1_color" value="000000">
<param name="s1_line_weight" value="1">
<param name="trend1" value="MOVAVG10">
<param name="trend1_base" value="1">
<param name="trend1_label" value="Moving Average - 10">
<param name="trend1_color" value="FF3333">
<param name="trend1_group" value="1">
<param name="trend1_line_weight" value="0">
<param name="trend1_line_style" value="1">
<param name="trend2" value="MOVAVG20">
<param name="trend2_base" value="1">
<param name="trend2_label" value="Moving Average - 20">
<param name="trend2_color" value="3333FF">
<param name="trend2_group" value="1">
<param name="trend2_line_weight" value="0">
<param name="trend2_line_style" value="1">
<param name="legend_position" value="INBOTTOM">
</applet>
|
|
Stock chart with relative strength index
|
|
Relative Strength Index (RSI)example based on 14 days. The trend parameter is set to RSI14 which draws the RSI trend based on 14 days, the RSI is based on the open stock value (trend1_base=1).
Back to top
|
<applet code="swiftchart.class" width="800" height="400">
<param name="chart_type" value="STOCK3">
<param name="bar_width" value="100">
<param name="chart_bg" value="FFFFFF">
<param name="bg" value="EEEEEE">
<param name="title_text" value="Trend - Relative Strength Index">
<param name="title_font_size" value="18">
<param name="x_axis_occurrence" value="10">
<param name="legend_position" value="INTOP">
<param name="legend_bg" value="FFEEEE">
<param name="x_axis_font_orientation" value="HALFLEFT">
<param name="x_value" value="20070103,20070104,20070105,20070108,20070109,20070110,20070111,20070112
,20070116,20070117,20070118,20070119,20070122,20070123,20070124,20070125,20070126,20070129,20070130
,20070131,20070201,20070202,20070205,20070206,20070207,20070208,20070209,20070212,20070213,20070214
,20070215,20070216,20070220,20070221,20070222,20070223,20070226,20070227,20070228,20070301,20070302
,20070305,20070306,20070307,20070308,20070309,20070312,20070313,20070314,20070315,20070316,20070319
,20070320,20070321,20070322,20070323,20070326,20070327,20070328,20070329,20070330,20070103,20070104
,20070105,20070108,20070109,20070110,20070111,20070112,20070116,20070117,20070118,20070119,20070122
,20070123,20070124,20070125,20070126,20070129,20070130,20070131,20070201,20070202,20070205,20070206
,20070207,20070208,20070209,20070212,20070213,20070214,20070215,20070216,20070220,20070221,20070222
,20070223,20070226,20070227,20070228,20070301,20070302,20070305,20070306,20070307,20070308,20070309
,20070312,20070313,20070314,20070315,20070316,20070319,20070320,20070321,20070322,20070323,20070326
,20070327,20070328,20070329,20070330">
<param name="s1_value" value="97.18;96.26;98.4;97.27,97.25;96.88;98.79;98.31,97.6;96.91;97.95;97.42
,98.5;98.35;99.5;98.9,99.08;99.07;100.33;100.07,98.5;97.93;99.05;98.89,99;98.5;99.9;98.65
,98.99;98.5;99.69;99.34,99.4;99.3;100.84;100.82,100.69;99.9;100.9;100.02,99.8;98.91;99.95;99.45
,95;94.55;96.85;96.17,96.42;96.12;97.23;97.11,96.91;96.2;97.38;97.08,97.08;96.58;97.58;97.4
,97.22;97.22;97.92;97.51,97.52;96.84;97.83;97.45,97.7;97.45;98.66;98.54,98.57;98.5;99.45;99.37
,98.8;98.35;99.48;99.15,98.97;97.96;99.18;99,99.1;98.88;99.73;99.17,99.17;98.9;100.44;100.38
,100;99.54;100.4;99.85,99.8;99.12;100.36;99.54,98.9;98.65;99.74;99.62,99.52;97.81;99.7;98.55
,98.8;98.22;99.2;98.58,98.6;97.8;98.74;98.29,98.5;98.25;99.43;99.2,99.06;98.48;99.52;98.92
,99.12;98.63;99.25;98.99,98.66;98.55;99.46;99.35,98.9;98.7;99.37;99.09,98.8;97.77;99.5;98.5
,98.4;97.41;98.44;97.73,97.86;96.46;97.86;96.91,96;92.88;96.01;93.96,93.71;92.47;94.09;92.94
,90.25;88.77;93.05;92.27,92;90.84;92.37;90.9,90.25;90.1;92.15;91.81,92.4;92.26;93.89;93.8
,93.97;93.62;94.85;93.94,94.5;92.519;94.82;93,93.48;92.82;94;93.28,93.29;92.97;94.17;94.11,93.86;92.62;94.47;92.71
,92.65;92.1;94.03;93.76,93.4;93.1;93.97;93.45,94.45;93.02;94.45;93.25,93.95;93.39;94.32;93.99
,94;93.55;94.53;94.5,94.5;93.83;95.81;95.36,95.1;94.65;95.44;95.19,94.82;94.65;95.22;95.03
,95;94.32;95.25;95,94.71;94.2;95.03;94.73,93.9;93.8;95.02;94.26,94.66;93.96;95.11;94.57
,94.24;93.57;94.75;94.26,97.18;96.26;98.4;97.27,97.25;96.88;98.79;98.31,97.6;96.91;97.95;97.42
,98.5;98.35;99.5;98.9,99.08;99.07;100.33;100.07,98.5;97.93;99.05;98.89,99;98.5;99.9;98.65
,98.99;98.5;99.69;99.34,99.4;99.3;100.84;100.82,100.69;99.9;100.9;100.02,99.8;98.91;99.95;99.45
,95;94.55;96.85;96.17,96.42;96.12;97.23;97.11,96.91;96.2;97.38;97.08,97.08;96.58;97.58;97.4
,97.22;97.22;97.92;97.51,97.52;96.84;97.83;97.45,97.7;97.45;98.66;98.54,98.57;98.5;99.45;99.37
,98.8;98.35;99.48;99.15,98.97;97.96;99.18;99,99.1;98.88;99.73;99.17,99.17;98.9;100.44;100.38
,100;99.54;100.4;99.85,99.8;99.12;100.36;99.54,98.9;98.65;99.74;99.62,99.52;97.81;99.7;98.55
,98.8;98.22;99.2;98.58,98.6;97.8;98.74;98.29,98.5;98.25;99.43;99.2,99.06;98.48;99.52;98.92
,99.12;98.63;99.25;98.99,98.66;98.55;99.46;99.35,98.9;98.7;99.37;99.09,98.8;97.77;99.5;98.5
,98.4;97.41;98.44;97.73,97.86;96.46;97.86;96.91,96;92.88;96.01;93.96,93.71;92.47;94.09;92.94
,90.25;88.77;93.05;92.27,92;90.84;92.37;90.9,90.25;90.1;92.15;91.81,92.4;92.26;93.89;93.8
,93.97;93.62;94.85;93.94,94.5;92.519;94.82;93,93.48;92.82;94;93.28,93.29;92.97;94.17;94.11
,93.86;92.62;94.47;92.71,92.65;92.1;94.03;93.76,93.4;93.1;93.97;93.45,94.45;93.02;94.45;93.25
,93.95;93.39;94.32;93.99,94;93.55;94.53;94.5,94.5;93.83;95.81;95.36,95.1;94.65;95.44;95.19
,94.82;94.65;95.22;95.03,95;94.32;95.25;95,94.71;94.2;95.03;94.73,93.9;93.8;95.02;94.26
,94.66;93.96;95.11;94.57,94.24;93.57;94.75;94.26">
<param name="s1_label" value="IBM">
<param name="s1_color" value="000000">
<param name="s1_group" value="1">
<param name="s2_value" value="27930,54490,52975,44902,46357,50905,45943,77886,85915,133120
,278764,106764,73763,88307,91338,60806,49775,58283,55916,92266,57436,48299,45092,61828,72499
,58872,44708,53691,43594,58448,41681,41715,52086,49612,30433,33517,21263,62733,49342,46230,64447
,53896,75115,68217,59330,42175,40609,34241,77993,63107,46442,79889,78568,49334,36871,43752,29975
,22787,45113,44797,43906,91068,104538,71866,103401,109103,87449,78935,65732,93902,80306,134898
,259051,134450,102406,56100,60051,57637,72950,71780,64473,66124,66570,83099,65328,76982,61523
,61013,53310,57030,56447,55686,48007,41242,43024,59025,63570,59236,120715,121916,128657,94515
,103347,91845,102693,74045,63331,55313,75391,87140,59101,87330,45680,45600,76656,59935,44124
,67293,46958,81285,68516,76380">
<param name="s2_label" value="Volume">
<param name="s2_color" value="9999FF">
<param name="s2_color_border" value="000000">
<param name="s2_group" value="3">
<param name="s2_sub_chart" value="bar">
<param name="group1_y_axis_position" value="L2">
<param name="group3_y_axis_position" value="L1">
<param name="group2_y_axis_position" value="R1">
<param name="group1_grid_line_hor_type" value="0">
<param name="group2_grid_line_hor_type" value="0">
<param name="group3_grid_line_hor_type" value="0">
<param name="group1_grid_line_hor_color" value="CCCCCC">
<param name="group2_grid_line_hor_color" value="CCCCCC">
<param name="group3_grid_line_hor_color" value="CCCCCC">
<param name="group1_grid_line_ver" value="Y">
<param name="group2_grid_line_ver" value="Y">
<param name="group1_grid_line_ver_type" value="0">
<param name="group2_grid_line_ver_type" value="0">
<param name="group1_grid_line_ver_color" value="CCCCCC">
<param name="group2_grid_line_ver_color" value="CCCCCC">
<param name="group2_y_axis_font_color" value="FF3333">
<param name="group3_y_axis_font_color" value="333399">
<param name="group1_y_min" value="85">
<param name="group1_y_max" value="105">
<param name="group1_y_unit" value="5">
<param name="group2_y_unit" value="20">
<param name="group3_y_unit" value="60000">
<param name="chart1_height" value="30">
<param name="chart2_height" value="70">
<param name="chart3_height" value="30">
<param name="trend1" value="RSI14">
<param name="trend1_base" value="1">
<param name="trend1_label" value="Relative strength index">
<param name="trend1_color" value="FF3333">
<param name="trend1_group" value="2">
<param name="trend1_line_weight" value="0">
<param name="trend1_line_style" value="1">
</applet>
|
|
Standard deviation for stock graph
|
|
Stock chart with two standard deviations - a 10 day and a 20 day based calculation of the standard deviation. In this example the x_min is set to 20 which will only start to display the x-values starting at 20. If all data x-values would be displayed there would be no data for the first 10 days for the 10 day standard deviation and no data for the first 20 days for the 20 day standard deviation.
Back to top
|
<applet code="swiftchart.class" width="800" height="400">
<param name="chart_type" value="STOCK3">
<param name="bar_width" value="130">
<param name="chart_bg" value="FFFFFF">
<param name="bg" value="EEEEEE">
<param name="title_text" value="Trend - Standard Deviation">
<param name="title_font_size" value="18">
<param name="x_min" value="20">
<param name="x_axis_occurrence" value="10">
<param name="x_value" value="20060804,20060807,20060804,20060807,20060808,20060809,20060810,20060811
,20060814,20060815,20060816,20060817,20060818,20060821,20060822,20060823,20060824,20060825,20060828
,20060829,20060830,20060831,20060901,20060905,20060906,20060907,20060908,20060911,20060912,20060913
,20060914,20060915,20060918,20060919,20060920,20060921,20060922,20060925,20060926,20060927,20060928
,20060929,20061002,20061003,20061004,20061005,20061006,20061009,20061010,20061011,20061012,20061013
,20061016,20061017,20061018,20061019,20061020,20061023,20061024,20061025,20061026,20061027,20061030
,20061031,20061101,20061102,20061103,20061106,20061107,20061108,20061109,20061110,20061113,20061114
,20061115,20061116,20061117,20061120,20061121,20061122,20061124,20061127,20061128,20061129,20061130
,20061201,20061204,20061205,20061206,20061207,20061208,20061211,20061212,20061213,20061214,20061215
,20061218,20061219,20061220,20061221,20061222,20061226,20061227">
<param name="s1_value" value="68.6;67.94;68.82;68.69,69;68.48;69.62;69.23,68.6;67.94;68.82;68.69
,69;68.48;69.62;69.23,69.24;69.014;69.83;69.27,69.69;69.18;70.42;69.29,68.87;68.39;69.47;69.37
,69.35;68.85;69.96;69.73,69.54;68.79;69.65;69.25,69.9;68.17;69.92;68.69,68.3;67.31;68.94;67.57
,67.18;67.01;68.16;68.08,68.4;67.72;69.1;69.1,69.3;69.3;70.03;69.83,69.71;69.36;70.25;70.21
,70.08;69.04;70.23;69.63,69.79;69.61;70.83;70.72,70.72;70.34;71.22;70.43,70.05;69.75;70.2;70.1
,69.72;68.84;69.85;69.41,69.43;67.75;69.5;68.3,68.05;67.6;68.26;67.67,67.85;67.37;68.44;68.1
,67.68;67.5;68.65;68.48,68.49;67.08;68.49;67.18,67;66.85;68.04;67.69,67.69;66.78;67.94;66.81
,66.36;64.62;66.4;64.94,65.25;64.11;65.45;64.7,64.82;64.7;65.75;65.36,65.21;64.43;65.53;64.71
,64.9;64.42;65.27;64.65,64.9;64.85;66.5;66.3,66.49;65.13;66.58;65.5,65.51;63.93;66.07;64.11
,64.3;64.29;65.35;64.78,65.28;64.3;65.34;64.91,64.6;63.87;65.45;65.06,65.06;64.5;66.62;66.43
,66.68;66.14;67.43;67.13,67.13;66.92;67.81;67.46,67.18;66.79;67.67;67.1,67.29;66.9;67.76;67
,66.4;65.25;66.5;65.41,65.49;64.84;66.76;66.61,67.26;66.94;67.72;67.32,67;66.5;67.62;67.52
,67.76;66.5;67.89;66.55,66.21;65.96;67.47;67.2,66.85;66.25;67.05;66.53,66.88;66.86;67.75;67.65
,68.08;67.87;68.73;68.4,68.45;68.42;69.88;69.83,69.83;68.97;69.84;69.41,69.5;68.77;69.99;69.17
,69.84;69.07;70.0699;69.73,70.01;69.33;70.02;69.55,68.85;68.72;69.92;69.92,69.67;69.58;70.23;69.89
,69.72;69.36;71.4;71.01,72;70.66;72.33;71.62,71.46;71.28;72.13;71.46,71.15;70.51;71.58;70.84
,70.69;70.01;71.48;71.42,71.58;70.27;71.75;71.06,70.71;70.43;71.36;71.19,71.44;71.33;72.39;72.15
,72.16;71.9;73.05;72.91,72.91;72.18;73.19;72.53,72.53;72.23;74.2;74.13,74.2;73.65;74.8;74.61
,74.55;74.05;74.8;74.42,74.1;73.87;74.85;74.43,74.43;73.75;74.66;74.45,74;74;74.93;74.8
,74.95;72.61;74.97;72.67,71.95;71.76;73.18;73.08,72.55;72.3;73.26;72.43,72.77;72.49;73.53;73.39
,73.02;72.12;73.53;72.91,71.9;71.85;72.82;72.38,72.29;72.14;73.18;72.47,72.65;72.65;74.25;74.16
,74.3;74.17;76.44;76.03,76.42;76.05;77.37;76.81,76.78;75.81;77.5;77.2,77.2;76.51;77.8;77.77
,78.11;77.47;78.52;78.06,77.82;76.25;78.2;76.31,76.3;75.28;76.7;75.71,76.2;75.44;76.42;75.5
,75.25;74.82;75.84;75.36,75.31;75.31;76.4;76.25,76.45;75.94;77.41;77.36,77.51;77.25;79;78.73
,78.95;77.13;79;77.3,77.26;75.36;77.26;75.51,75.3;74.9;77.31;76.99,76.85;75.74;76.99;76.08
,76.09;75.16;76.55;75.87,76;75.29;76.24;75.41,75.51;75.4;76.25;76.05,76.3;76.01;77;76.96">
<param name="s1_label" value="Stock XY">
<param name="s1_color" value="000000">
<param name="legend_position" value="TOP">
<param name="s1_group" value="1">
<param name="group1_y_axis_position" value="L2">
<param name="group2_y_axis_position" value="L1">
<param name="group1_grid_line_hor_type" value="0">
<param name="group2_grid_line_hor_type" value="0">
<param name="group1_grid_line_hor_color" value="CCCCCC">
<param name="group2_grid_line_hor_color" value="CCCCCC">
<param name="1group2_y_axis_font_color" value="3333FF">
<param name="group1_grid_line_ver" value="Y">
<param name="group2_grid_line_ver" value="Y">
<param name="group1_y_min" value="60">
<param name="group1_y_max" value="80">
<param name="group1_y_unit" value="5">
<param name="group2_y_unit" value="1">
<param name="trend1" value="STANDDEV10">
<param name="trend1_base" value="1">
<param name="trend1_label" value="Standard Deviation - 10">
<param name="trend1_color" value="3333FF">
<param name="trend1_group" value="2">
<param name="trend1_stock_item" value="1">
<param name="trend1_line_weight" value="0">
<param name="trend1_line_style" value="1">
<param name="trend2" value="STANDDEV20">
<param name="trend2_base" value="1">
<param name="trend2_label" value="Standard Deviation - 20">
<param name="trend2_color" value="FF3333">
<param name="trend2_group" value="2">
<param name="trend2_stock_item" value="1">
<param name="trend2_line_weight" value="0">
<param name="trend2_line_style" value="1">
<param name="chart1_height" value="30">
<param name="chart2_height" value="70">
</applet>
|
|
Stock chart with Aroon oscillator
|
|
Stock chart with Aroon up, down and oscilator displayed.
Back to top
|
<applet code="swiftchart.class" width="800" height="400">
<param name="x_min" value="20">
<param name="chart_type" value="STOCK3">
<param name="bar_width" value="100">
<param name="chart_bg" value="CCCCFF">
<param name="bg" value="EEEEEE">
<param name="title_text" value="Trend - Aroon Oscillator">
<param name="title_font_size" value="18">
<param name="chart_border_display" value="N">
<param name="x_axis_value_display" value="N">
<param name="x_axis_font_orientation" value="LEFT">
<param name="x_value" value="20061006,20061009,20061010,20061011,20061012,20061013,20061016
,20061017,20061018,20061019,20061020,20061023,20061024,20061025,20061026,20061027,20061030,20061031
,20061101,20061102,20061103,20061106,20061107,20061108,20061109,20061110,20061113,20061114,20061115
,20061116,20061117,20061120,20061121,20061122,20061124,20061127,20061128,20061129,20061130,20061201
,20061204,20061205,20061206,20061207,20061208,20061211,20061212,20061213,20061214,20061215,20061218
,20061219,20061220,20061221,20061222,20061226,20061227,20061228,20061229,20070103,20070104,20070105
,20070108,20070109,20070110,20070111,20070112,20070116,20070117,20070118,20070119,20070122,20070123
,20070124,20070125,20070126,20070129,20070130,20070131,20070201,20070202,20070205,20070206,20070207
,20070208,20070209,20070212,20070213,20070214,20070215,20070216,20070220,20070221,20070222,20070223
,20070226,20070227,20070228,20070301,20070302,20070305,20070306,20070307,20070308,20070309,20070312
,20070313,20070314,20070315,20070316,20070319,20070320,20070321,20070322,20070323,20070326,20070327
,20070328,20070329,20070330,20070402,20070403,20070404,20070405,20070409,20070410,20070411,20070412
,20070413,20070416,20070417,20070418,20070419,20070420,20070423,20070424,20070425,20070426,20070427
,20070430,20070501,20070502,20070503,20070504,20070507,20070508,20070509,20070510,20070511,20070514
,20070515,20070516,20070517,20070518,20070521,20070522,20070523,20070524,20070525,20070529,20070530
,20070531">
<param name="s1_value" value="27.76;27.65;28.0002;27.87,27.8;27.62;27.93;27.72,27.69;27.44;27.75;27.69
,27.46;27.42;27.67;27.54,27.58;27.54;28.29;28.22,28.34;28.31;28.69;28.37,28.48;28.3299;28.6;28.45
,28.24;28.17;28.51;28.44,28.5;28.26;28.7001;28.52,28.35;28.12;28.451;28.29,28.48;28.17;28.49;28.43
,28.3;28.18;28.69;28.45,28.43;28.13;28.43;28.28,28.28;28.14;28.46;28.31,28.33;28.04;28.41;28.35
,28.49;28.25;28.79;28.34,28.35;28.32;28.84;28.53,28.66;28.56;28.8501;28.71,28.78;28.7;28.99;28.81
,28.71;28.58;28.86;28.77,28.85;28.61;28.93;28.73,28.77;28.76;29.05;28.84,28.86;28.7999;29.0701;28.95
,28.78;28.66;29.23;28.98,29.11;29;29.4;29.26,29.17;29.15;29.29;29.24,29.19;29.16;29.46;29.35
,29.28;29.07;29.42;29.2285,29.11;29.11;29.3601;29.12,29.15;29.13;29.64;29.47,29.31;29.28;29.54;29.4
,29.52;29.5;30;29.89,29.91;29.79;30.0001;29.92,29.97;29.82;30;29.92,29.66;29.64;29.84;29.76
,29.69;29.33;29.74;29.48,29.34;29.13;29.42;29.39,29.44;29.43;29.78;29.57,29.42;29.3259;29.57;29.36
,29.23;28.8999;29.3;29.12,29.23;29.17;29.52;29.33,29.36;29.03;29.4;29.13,29.02;28.87;29.13;28.99
,28.96;28.81;29.07;28.85,28.82;28.8;29.4;29.4,29.19;29.11;29.75;29.54,29.56;29.22;29.63;29.43
,29.6;29.32;29.6;29.55,29.53;29.52;30.0801;30.07,30.14;30.03;30.23;30.19,30.19;29.78;30.26;29.89
,29.71;29.53;30.17;29.99,29.99;29.97;30.24;30.09,30.13;29.89;30.14;29.98,29.82;29.62;29.86;29.64
,29.53;29.4;30;29.99,29.99;29.91;30.13;30.02,29.86;29.81;30.03;29.98,29.86;29.83;30.15;29.86
,29.91;29.4;30.25;29.86,29.7;29.44;29.97;29.81,29.63;29.45;29.75;29.64,29.65;29.53;30.1;29.93
,30;29.73;30.18;29.96,29.8;29.43;29.89;29.66,29.76;29.6499;30.75;30.7,30.65;30.64;31.39;31.21
,31.26;31.03;31.45;31.16,31.26;31.01;31.44;31.1,31.15;30.8;31.37;31,30.73;30.69;31.11;31.11
,31.06;30.51;31.12;30.72,30.63;30.52;30.96;30.74,30.78;30.65;31.3;31.09,31.08;30.45;31.48;30.45
,31.22;30.6;31.23;30.6,30.65;30.34;30.78;30.53,30.57;30.14;30.64;30.48,30.41;30.35;31.1;30.86
,30.84;30.37;30.94;30.56,30.82;30.13;30.84;30.19,29.97;29.41;30.02;29.61,29.59;29.22;29.7501;29.51
,29.64;29.2499;29.7;29.37,29.24;29.2;29.8;29.26,29.35;28.93;29.4;28.98,28.89;28.83;29.09;28.94
,29.04;28.96;29.2;29.03,29.17;29.15;29.69;29.4,29.58;29.22;29.65;29.46,28.87;28.6499;28.94;28.74
,28.63;28.47;28.86;28.83,28.75;28.74;29.39;29.35,29.3;29.16;29.54;29.39,29.25;28.89;29.28;28.9
,28.96;28.82;29.12;29.07,28.71;27.79;28.97;27.87,27.95;27.92;28.17;28.17,27.82;27.73;28.33;28.09
,28.02;27.76;28.16;27.76,27.45;27.41;27.91;27.5499,27.8;27.65;27.94;27.83,27.82;27.55;27.9;27.61
,27.72;26.6;27.85;27.32,27.42;27.03;27.48;27.29,27.18;27.13;27.48;27.44,27.25;26.71;27.4;26.72
,26.82;26.73;27.4;27.4,27.32;27.2;27.47;27.28,27.39;27.2;27.48;27.33,27.34;27.2;27.83;27.83
,27.91;27.76;28.16;27.84,27.95;27.56;28.52;28.52,28.46;28.01;28.55;28.27,28.19;27.8;28.27;28.02
,27.94;27.7;28.22;28.22,28.04;27.65;28.16;27.72,27.58;27.4;28;27.64,27.84;27.49;27.845;27.75
,27.75;27.5;27.95;27.87,27.89;27.56;27.93;27.74,27.86;27.75;28.06;27.87,28.01;27.9;28.78;28.5
,28.32;28.3;28.65;28.55,28.57;28.39;28.72;28.57,28.49;28.22;28.64;28.4,28.3;27.99;28.57;28.11
,28.06;28.04;28.62;28.54,28.43;28.1;28.7;28.61,28.6;28.21;28.75;28.73,28.63;28.56;28.89;28.85
,28.61;28.36;28.67;28.6,28.34;28.26;28.89;28.69,28.98;28.7;29.1;29.02,28.96;28.67;28.99;28.78
,28.79;28.59;28.96;28.79,28.86;28.69;29.0001;28.99,29.09;28.91;29.35;29.1,30.17;30;30.74;30.12
,30.13;29.94;30.37;29.94,29.94;29.9;30.42;30.1925,30.39;30.3;30.69;30.61,30.59;30.53;31;30.97
,30.65;30.29;30.7;30.56,30.52;30.48;30.7601;30.71,30.68;30.58;30.94;30.75,30.7;30.57;30.93;30.7799
,30.68;30.53;30.93;30.58,30.57;30.55;30.98;30.89,30.84;30.81;30.99;30.97,30.9;30.84;31.09;30.9
,31;30.81;31.09;31.07,31.03;30.96;31.14;30.98,30.97;30.58;30.99;30.83,30.73;30.73;31.16;31.05
,30.9;30.66;30.93;30.69,30.84;30.57;30.84;30.58,30.54;29.96;30.8;30.17,30.28;30.18;30.66;30.48
,30.48;30.39;30.83;30.79,30.55;30.51;31.13;31.11,31.12;30.61;31.16;30.6901">
<param name="s1_label" value="Stock XY">
<param name="s1_color" value="000000">
<param name="legend_position" value="INTOP">
<param name="legend_border" value="9999CC">
<param name="legend_bg" value="BBBBEE">
<param name="s1_group" value="1">
<param name="group1_y_axis_position" value="L3">
<param name="group2_y_axis_position" value="L2">
<param name="group3_y_axis_position" value="L1">
<param name="group1_grid_line_hor" value="Y">
<param name="group1_grid_line_hor_type" value="0">
<param name="group2_grid_line_hor_type" value="0">
<param name="group3_grid_line_hor_type" value="0">
<param name="group1_grid_line_hor_color" value="EEEEEE">
<param name="group2_grid_line_hor_color" value="EEEEEE">
<param name="group3_grid_line_hor_color" value="EEEEEE">
<param name="group2_y_max" value="100">
<param name="group3_y_unit" value="50">
<param name="group1_y_min" value="26">
<param name="group1_y_max" value="34">
<param name="group1_y_unit" value="2">
<param name="group3_y_min" value="-100">
<param name="group3_y_max" value="100">
<param name="group3_y_unit" value="100">
<param name="chart1_height" value="20">
<param name="chart2_height" value="20">
<param name="chart3_height" value="60">
<param name="trend1" value="AROON10">
<param name="trend1_sub_type" value="UP">
<param name="trend1_base" value="1">
<param name="trend1_label" value="Aroon Up">
<param name="trend1_color" value="FF3333">
<param name="trend1_group" value="2">
<param name="trend1_line_weight" value="0">
<param name="trend1_line_style" value="1">
<param name="trend1_stock_item" value="2">
<param name="trend2" value="AROON10">
<param name="trend2_sub_type" value="DOWN">
<param name="trend2_base" value="1">
<param name="trend2_label" value="Aroon Down">
<param name="trend2_color" value="339933">
<param name="trend2_group" value="2">
<param name="trend2_line_weight" value="0">
<param name="trend2_line_style" value="1">
<param name="trend2_stock_item" value="2">
<param name="trend3" value="AROON10">
<param name="trend3_sub_type" value="OSC">
<param name="trend3_base" value="1">
<param name="trend3_label" value="Aroon Oscillator">
<param name="trend3_color" value="3333FF">
<param name="trend3_group" value="3">
<param name="trend3_line_weight" value="0">
<param name="trend3_line_style" value="1">
<param name="trend3_stock_item" value="2">
</applet>
|
|
Moving average
|
|
Stock graph with displaying stock, volume and 3 trends: Close location value (CLV), CLV x Volume and Accumulation Distribution Line.
Back to top
|
<applet code="swiftchart.class" width="800" height="400">
<param name="chart_type" value="STOCK3">
<param name="bar_width" value="90">
<param name="chart_bg" value="FFFFFF">
<param name="bg" value="EEEEEE">
<param name="title_text" value="Trend: Accumulation/Distribution Line">
<param name="title_font_size" value="18">
<param name="legend_position" value="TOP">
<param name="x_axis_occurrence" value="8">
<param name="x_min" value="20">
<param name="x_axis_font_orientation" value="HALFLEFT">
<param name="x_value" value="20070103,20070104,20070105,20070108,20070109,20070110,20070111,20070112
,20070116,20070117,20070118,20070119,20070122,20070123,20070124,20070125,20070126,20070129,20070130,20070131
,20070201,20070202,20070205,20070206,20070207,20070208,20070209,20070212,20070213,20070214,20070215,20070216
,20070220,20070221,20070222,20070223,20070226,20070227,20070228,20070301,20070302,20070305,20070306,20070307
,20070308,20070309,20070312,20070313,20070314,20070315,20070316,20070319,20070320,20070321,20070322,20070323
,20070326,20070327,20070328,20070329,20070330,20070103,20070104,20070105,20070108,20070109,20070110,20070111
,20070112,20070116,20070117,20070118,20070119,20070122,20070123,20070124,20070125,20070126,20070129,20070130
,20070131,20070201,20070202,20070205,20070206,20070207,20070208,20070209,20070212,20070213,20070214,20070215
,20070216,20070220,20070221,20070222,20070223,20070226,20070227,20070228,20070301,20070302,20070305,20070306
,20070307,20070308,20070309,20070312,20070313,20070314,20070315,20070316,20070319,20070320,20070321,20070322
,20070323,20070326,20070327,20070328,20070329,20070330">
<param name="s1_value" value="97.18;96.26;98.4;97.27,97.25;96.88;98.79;98.31,97.6;96.91;97.95;97.42
,98.5;98.35;99.5;98.9,99.08;99.07;100.33;100.07,98.5;97.93;99.05;98.89,99;98.5;99.9;98.65,98.99;98.5;99.69;99.34
,99.4;99.3;100.84;100.82,100.69;99.9;100.9;100.02,99.8;98.91;99.95;99.45,95;94.55;96.85;96.17
,96.42;96.12;97.23;97.11,96.91;96.2;97.38;97.08,97.08;96.58;97.58;97.4,97.22;97.22;97.92;97.51
,97.52;96.84;97.83;97.45,97.7;97.45;98.66;98.54,98.57;98.5;99.45;99.37,98.8;98.35;99.48;99.15
,98.97;97.96;99.18;99,99.1;98.88;99.73;99.17,99.17;98.9;100.44;100.38,100;99.54;100.4;99.85
,99.8;99.12;100.36;99.54,98.9;98.65;99.74;99.62,99.52;97.81;99.7;98.55,98.8;98.22;99.2;98.58
,98.6;97.8;98.74;98.29,98.5;98.25;99.43;99.2,99.06;98.48;99.52;98.92,99.12;98.63;99.25;98.99
,98.66;98.55;99.46;99.35,98.9;98.7;99.37;99.09,98.8;97.77;99.5;98.5,98.4;97.41;98.44;97.73,97.86;96.46;97.86;96.91
,96;92.88;96.01;93.96,93.71;92.47;94.09;92.94,90.25;88.77;93.05;92.27,92;90.84;92.37;90.9,90.25;90.1;92.15;91.81
,92.4;92.26;93.89;93.8,93.97;93.62;94.85;93.94,94.5;92.519;94.82;93,93.48;92.82;94;93.28,93.29;92.97;94.17;94.11
,93.86;92.62;94.47;92.71,92.65;92.1;94.03;93.76,93.4;93.1;93.97;93.45,94.45;93.02;94.45;93.25
,93.95;93.39;94.32;93.99,94;93.55;94.53;94.5,94.5;93.83;95.81;95.36,95.1;94.65;95.44;95.19,94.82;94.65;95.22;95.03
,95;94.32;95.25;95,94.71;94.2;95.03;94.73,93.9;93.8;95.02;94.26,94.66;93.96;95.11;94.57,94.24;93.57;94.75;94.26
,97.18;96.26;98.4;97.27,97.25;96.88;98.79;98.31,97.6;96.91;97.95;97.42,98.5;98.35;99.5;98.9
,99.08;99.07;100.33;100.07,98.5;97.93;99.05;98.89,99;98.5;99.9;98.65,98.99;98.5;99.69;99.34
,99.4;99.3;100.84;100.82,100.69;99.9;100.9;100.02,99.8;98.91;99.95;99.45,95;94.55;96.85;96.17
,96.42;96.12;97.23;97.11,96.91;96.2;97.38;97.08,97.08;96.58;97.58;97.4,97.22;97.22;97.92;97.51
,97.52;96.84;97.83;97.45,97.7;97.45;98.66;98.54,98.57;98.5;99.45;99.37,98.8;98.35;99.48;99.15
,98.97;97.96;99.18;99,99.1;98.88;99.73;99.17,99.17;98.9;100.44;100.38,100;99.54;100.4;99.85
,99.8;99.12;100.36;99.54,98.9;98.65;99.74;99.62,99.52;97.81;99.7;98.55,98.8;98.22;99.2;98.58
,98.6;97.8;98.74;98.29,98.5;98.25;99.43;99.2,99.06;98.48;99.52;98.92,99.12;98.63;99.25;98.99
,98.66;98.55;99.46;99.35,98.9;98.7;99.37;99.09,98.8;97.77;99.5;98.5,98.4;97.41;98.44;97.73
,97.86;96.46;97.86;96.91,96;92.88;96.01;93.96,93.71;92.47;94.09;92.94,90.25;88.77;93.05;92.27
,92;90.84;92.37;90.9,90.25;90.1;92.15;91.81,92.4;92.26;93.89;93.8,93.97;93.62;94.85;93.94
,94.5;92.519;94.82;93,93.48;92.82;94;93.28,93.29;92.97;94.17;94.11,93.86;92.62;94.47;92.71
,92.65;92.1;94.03;93.76,93.4;93.1;93.97;93.45,94.45;93.02;94.45;93.25,93.95;93.39;94.32;93.99
,94;93.55;94.53;94.5,94.5;93.83;95.81;95.36,95.1;94.65;95.44;95.19,94.82;94.65;95.22;95.03
,95;94.32;95.25;95,94.71;94.2;95.03;94.73,93.9;93.8;95.02;94.26,94.66;93.96;95.11;94.57
,94.24;93.57;94.75;94.26">
<param name="s1_label" value="IBM">
<param name="s1_color" value="000000">
<param name="s1_group" value="1">
<param name="s2_value" value="27930,54490,52975,44902,46357,50905,45943,77886,85915,133120
,278764,106764,73763,88307,91338,60806,49775,58283,55916,92266,57436,48299,45092,61828,72499,58872
,44708,53691,43594,58448,41681,41715,52086,49612,30433,33517,21263,62733,49342,46230,64447,53896
,75115,68217,59330,42175,40609,34241,77993,63107,46442,79889,78568,49334,36871,43752,29975,22787
,45113,44797,43906,91068,104538,71866,103401,109103,87449,78935,65732,93902,80306,134898,259051
,134450,102406,56100,60051,57637,72950,71780,64473,66124,66570,83099,65328,76982,61523,61013,53310
,57030,56447,55686,48007,41242,43024,59025,63570,59236,120715,121916,128657,94515,103347,91845,102693
,74045,63331,55313,75391,87140,59101,87330,45680,45600,76656,59935,44124,67293,46958,81285,68516,76380">
<param name="s2_label" value="Volume">
<param name="s2_color" value="999999">
<param name="s2_color_border" value="000000">
<param name="s2_sub_chart" value="bar">
<param name="s2_group" value="2">
<param name="group1_y_axis_position" value="L3">
<param name="group2_y_axis_position" value="L2">
<param name="group3_y_axis_position" value="L1">
<param name="group4_y_axis_position" value="L2">
<param name="group5_y_axis_position" value="L1">
<param name="group1_grid_line_hor_type" value="0">
<param name="group2_grid_line_hor_type" value="0">
<param name="group1_grid_line_hor_color" value="CCCCCC">
<param name="group2_grid_line_hor_color" value="CCCCCC">
<param name="group1_y_min" value="88">
<param name="group1_y_max" value="104">
<param name="group1_y_unit" value="4">
<param name="group2_y_unit" value="100000">
<param name="group3_y_min" value="-1">
<param name="group3_y_max" value="1">
<param name="group3_y_unit" value="1">
<param name="group3_y_axis_font_color" value="3333FF">
<param name="group4_y_axis_font_color" value="FF3333">
<param name="group5_y_axis_font_color" value="339933">
<param name="group4_y_min" value="-100000">
<param name="group4_y_max" value="100000">
<param name="group4_y_unit" value="100000">
<param name="group5_y_min" value="0">
<param name="group5_y_max" value="2000000">
<param name="group5_y_unit" value="1000000">
<param name="trend1_color" value="3333FF">
<param name="chart1_height" value="30">
<param name="chart2_height" value="30">
<param name="chart3_height" value="40">
<param name="chart4_height" value="40">
<param name="chart5_height" value="40">
<param name="trend1" value="ACCDIST">
<param name="trend1_sub_type" value="CLV">
<param name="trend1_base" value="1">
<param name="trend1_label" value="CLV (Close Location Value)">
<param name="trend1_group" value="3">
<param name="trend1_line_weight" value="0">
<param name="trend1_line_style" value="1">
<param name="trend1_stock_item" value="2">
<param name="trend2" value="ACCDIST">
<param name="trend2_sub_type" value="CLVVOL">
<param name="trend2_base" value="1">
<param name="trend2_label" value="CLV x Volume">
<param name="trend2_color" value="FF3333">
<param name="trend2_group" value="4">
<param name="trend2_line_weight" value="0">
<param name="trend2_line_style" value="1">
<param name="trend2_stock_item" value="2">
<param name="trend3" value="ACCDIST">
<param name="trend3_sub_type" value="ACCDIST">
<param name="trend3_base" value="1">
<param name="trend3_label" value="Accum/Dist Line">
<param name="trend3_color" value="339933">
<param name="trend3_group" value="5">
<param name="trend3_line_weight" value="0">
<param name="trend3_line_style" value="1">
<param name="trend3_stock_item" value="2">
</applet>
|
|
Bollinger Band example
|
|
Stock graph with Bollinger bands and bollinger width.
Back to top
|
<applet code="swiftchart.class" width="800" height="400">
<param name="chart_type" value="STOCK3">
<param name="bar_width" value="100">
<param name="chart_bg" value="FFFFFF">
<param name="bg" value="EEEEEE">
<param name="title_text" value="Trend: Bollinger Bands and Width">
<param name="title_font_size" value="18">
<param name="x_axis_occurrence" value="10">
<param name="1x_axis_font_orientation" value="LEFT">
<param name="x_value" value="20060804,20060807,20060804,20060807,20060808,20060809,20060810
,20060811,20060814,20060815,20060816,20060817,20060818,20060821,20060822,20060823,20060824
,20060825,20060828,20060829,20060830,20060831,20060901,20060905,20060906,20060907,20060908
,20060911,20060912,20060913,20060914,20060915,20060918,20060919,20060920,20060921,20060922
,20060925,20060926,20060927,20060928,20060929,20061002,20061003,20061004,20061005,20061006
,20061009,20061010,20061011,20061012,20061013,20061016,20061017,20061018,20061019,20061020
,20061023,20061024,20061025,20061026,20061027,20061030,20061031,20061101,20061102,20061103
,20061106,20061107,20061108,20061109,20061110,20061113,20061114,20061115,20061116,20061117
,20061120,20061121,20061122,20061124,20061127,20061128,20061129,20061130,20061201,20061204
,20061205,20061206,20061207,20061208,20061211,20061212,20061213,20061214,20061215,20061218
,20061219,20061220,20061221,20061222,20061226,20061227">
<param name="s1_value" value="68.6;67.94;68.82;68.69,69;68.48;69.62;69.23,68.6;67.94;68.82;68.69
,69;68.48;69.62;69.23,69.24;69.014;69.83;69.27,69.69;69.18;70.42;69.29,68.87;68.39;69.47;69.37
,69.35;68.85;69.96;69.73,69.54;68.79;69.65;69.25,69.9;68.17;69.92;68.69,68.3;67.31;68.94;67.57
,67.18;67.01;68.16;68.08,68.4;67.72;69.1;69.1,69.3;69.3;70.03;69.83,69.71;69.36;70.25;70.21
,70.08;69.04;70.23;69.63,69.79;69.61;70.83;70.72,70.72;70.34;71.22;70.43,70.05;69.75;70.2;70.1
,69.72;68.84;69.85;69.41,69.43;67.75;69.5;68.3,68.05;67.6;68.26;67.67,67.85;67.37;68.44;68.1
,67.68;67.5;68.65;68.48,68.49;67.08;68.49;67.18,67;66.85;68.04;67.69,67.69;66.78;67.94;66.81
,66.36;64.62;66.4;64.94,65.25;64.11;65.45;64.7,64.82;64.7;65.75;65.36,65.21;64.43;65.53;64.71
,64.9;64.42;65.27;64.65,64.9;64.85;66.5;66.3,66.49;65.13;66.58;65.5,65.51;63.93;66.07;64.11
,64.3;64.29;65.35;64.78,65.28;64.3;65.34;64.91,64.6;63.87;65.45;65.06,65.06;64.5;66.62;66.43
,66.68;66.14;67.43;67.13,67.13;66.92;67.81;67.46,67.18;66.79;67.67;67.1,67.29;66.9;67.76;67
,66.4;65.25;66.5;65.41,65.49;64.84;66.76;66.61,67.26;66.94;67.72;67.32,67;66.5;67.62;67.52
,67.76;66.5;67.89;66.55,66.21;65.96;67.47;67.2,66.85;66.25;67.05;66.53,66.88;66.86;67.75;67.65
,68.08;67.87;68.73;68.4,68.45;68.42;69.88;69.83,69.83;68.97;69.84;69.41,69.5;68.77;69.99;69.17
,69.84;69.07;70.0699;69.73,70.01;69.33;70.02;69.55,68.85;68.72;69.92;69.92,69.67;69.58;70.23;69.89
,69.72;69.36;71.4;71.01,72;70.66;72.33;71.62,71.46;71.28;72.13;71.46,71.15;70.51;71.58;70.84
,70.69;70.01;71.48;71.42,71.58;70.27;71.75;71.06,70.71;70.43;71.36;71.19,71.44;71.33;72.39;72.15
,72.16;71.9;73.05;72.91,72.91;72.18;73.19;72.53,72.53;72.23;74.2;74.13,74.2;73.65;74.8;74.61
,74.55;74.05;74.8;74.42,74.1;73.87;74.85;74.43,74.43;73.75;74.66;74.45,74;74;74.93;74.8
,74.95;72.61;74.97;72.67,71.95;71.76;73.18;73.08,72.55;72.3;73.26;72.43,72.77;72.49;73.53;73.39
,73.02;72.12;73.53;72.91,71.9;71.85;72.82;72.38,72.29;72.14;73.18;72.47,72.65;72.65;74.25;74.16
,74.3;74.17;76.44;76.03,76.42;76.05;77.37;76.81,76.78;75.81;77.5;77.2,77.2;76.51;77.8;77.77
,78.11;77.47;78.52;78.06,77.82;76.25;78.2;76.31,76.3;75.28;76.7;75.71,76.2;75.44;76.42;75.5
,75.25;74.82;75.84;75.36,75.31;75.31;76.4;76.25,76.45;75.94;77.41;77.36,77.51;77.25;79;78.73
,78.95;77.13;79;77.3,77.26;75.36;77.26;75.51,75.3;74.9;77.31;76.99,76.85;75.74;76.99;76.08
,76.09;75.16;76.55;75.87,76;75.29;76.24;75.41,75.51;75.4;76.25;76.05,76.3;76.01;77;76.96">
<param name="s1_label" value="Stock">
<param name="s1_color" value="000000">
<param name="legend_position" value="BOTTOM">
<param name="s1_group" value="1">
<param name="group1_y_axis_position" value="L2">
<param name="group2_y_axis_position" value="L1">
<param name="group1_grid_line_hor_type" value="0">
<param name="group2_grid_line_hor_type" value="0">
<param name="group1_grid_line_hor_color" value="CCCCCC">
<param name="group2_grid_line_hor_color" value="CCCCCC">
<param name="group1_grid_line_ver" value="Y">
<param name="group2_grid_line_ver" value="Y">
<param name="group1_grid_line_ver_type" value="0">
<param name="group2_grid_line_ver_type" value="0">
<param name="group1_grid_line_ver_color" value="CCCCCC">
<param name="group2_grid_line_ver_color" value="CCCCCC">
<param name="group1_y_min" value="60">
<param name="group1_y_max" value="80">
<param name="group1_y_unit" value="5">
<param name="group2_y_unit" value="2">
<param name="chart1_height" value="20">
<param name="chart2_height" value="80">
<param name="trend1" value="BOLLBAND10">
<param name="trend1_sub_type" value="DOWN">
<param name="trend1_base" value="1">
<param name="trend1_label" value="Lower Bollinger Band">
<param name="trend1_color" value="3333FF">
<param name="trend1_group" value="1">
<param name="trend1_stock_item" value="1">
<param name="trend1_line_weight" value="0">
<param name="trend1_line_style" value="1">
<param name="trend2" value="BOLLBAND10">
<param name="trend2_sub_type" value="UP">
<param name="trend2_base" value="1">
<param name="trend2_label" value="Upper Bollinger Band">
<param name="trend2_color" value="3333FF">
<param name="trend2_group" value="1">
<param name="trend2_stock_item" value="1">
<param name="trend2_line_weight" value="0">
<param name="trend3" value="BOLLBAND10">
<param name="trend3_sub_type" value="WIDTH">
<param name="trend3_base" value="1">
<param name="trend3_label" value="Bollinger Band Width">
<param name="trend3_color" value="FF3333">
<param name="trend3_group" value="2">
<param name="trend3_stock_item" value="1">
<param name="trend3_line_weight" value="0">
<param name="trend3_line_style" value="1">
<param name="y_min" value="60">
</applet>
|
|
Commodity Channel Index
|
|
Stock chart with Commodity Channel Index trend.
Back to top
|
<:applet code="swiftchart.class" width="800" height="400">
<:param name="chart_type" value="STOCK3">
<:param name="bar_width" value="100">
<:param name="chart_bg" value="FFFFFF">
<:param name="bg" value="EEEEEE">
<:param name="title_text" value="Trend: Commodity Channel Index (CCI)">
<:param name="title_font_size" value="18">
<:param name="x_axis_value_display" value="N">
<:param name="x_min" value="50">
<:param name="x_value" value="20070103,20070104,20070105,20070108,20070109,20070110,20070111
,20070112,20070116,20070117,20070118,20070119,20070122,20070123,20070124,20070125,20070126,20070129
,20070130,20070131,20070201,20070202,20070205,20070206,20070207,20070208,20070209,20070212,20070213
,20070214,20070215,20070216,20070220,20070221,20070222,20070223,20070226,20070227,20070228,20070301
,20070302,20070305,20070306,20070307,20070308,20070309,20070312,20070313,20070314,20070315,20070316
,20070319,20070320,20070321,20070322,20070323,20070326,20070327,20070328,20070329,20070330,20070103
,20070104,20070105,20070108,20070109,20070110,20070111,20070112,20070116,20070117,20070118,20070119
,20070122,20070123,20070124,20070125,20070126,20070129,20070130,20070131,20070201,20070202,20070205
,20070206,20070207,20070208,20070209,20070212,20070213,20070214,20070215,20070216,20070220,20070221
,20070222,20070223,20070226,20070227,20070228,20070301,20070302,20070305,20070306,20070307,20070308
,20070309,20070312,20070313,20070314,20070315,20070316,20070319,20070320,20070321,20070322,20070323
,20070326,20070327,20070328,20070329,20070330">
<:param name="s1_value" value="97.18;96.26;98.4;97.27,97.25;96.88;98.79;98.31,97.6;96.91;97.95;97.42
,98.5;98.35;99.5;98.9,99.08;99.07;100.33;100.07,98.5;97.93;99.05;98.89,99;98.5;99.9;98.65
,98.99;98.5;99.69;99.34,99.4;99.3;100.84;100.82,100.69;99.9;100.9;100.02,99.8;98.91;99.95;99.45
,95;94.55;96.85;96.17,96.42;96.12;97.23;97.11,96.91;96.2;97.38;97.08,97.08;96.58;97.58;97.4
,97.22;97.22;97.92;97.51,97.52;96.84;97.83;97.45,97.7;97.45;98.66;98.54,98.57;98.5;99.45;99.37
,98.8;98.35;99.48;99.15,98.97;97.96;99.18;99,99.1;98.88;99.73;99.17,99.17;98.9;100.44;100.38
,100;99.54;100.4;99.85,99.8;99.12;100.36;99.54,98.9;98.65;99.74;99.62,99.52;97.81;99.7;98.55
,98.8;98.22;99.2;98.58,98.6;97.8;98.74;98.29,98.5;98.25;99.43;99.2,99.06;98.48;99.52;98.92
,99.12;98.63;99.25;98.99,98.66;98.55;99.46;99.35,98.9;98.7;99.37;99.09,98.8;97.77;99.5;98.5
,98.4;97.41;98.44;97.73,97.86;96.46;97.86;96.91,96;92.88;96.01;93.96,93.71;92.47;94.09;92.94
,90.25;88.77;93.05;92.27,92;90.84;92.37;90.9,90.25;90.1;92.15;91.81,92.4;92.26;93.89;93.8
,93.97;93.62;94.85;93.94,94.5;92.519;94.82;93,93.48;92.82;94;93.28,93.29;92.97;94.17;94.11
,93.86;92.62;94.47;92.71,92.65;92.1;94.03;93.76,93.4;93.1;93.97;93.45,94.45;93.02;94.45;93.25
,93.95;93.39;94.32;93.99,94;93.55;94.53;94.5,94.5;93.83;95.81;95.36,95.1;94.65;95.44;95.19,94.82
;94.65;95.22;95.03,95;94.32;95.25;95,94.71;94.2;95.03;94.73,93.9;93.8;95.02;94.26,94.66;93.96;95.11;94.57
,94.24;93.57;94.75;94.26,97.18;96.26;98.4;97.27,97.25;96.88;98.79;98.31,97.6;96.91;97.95;97.42
,98.5;98.35;99.5;98.9,99.08;99.07;100.33;100.07,98.5;97.93;99.05;98.89,99;98.5;99.9;98.65
,98.99;98.5;99.69;99.34,99.4;99.3;100.84;100.82,100.69;99.9;100.9;100.02,99.8;98.91;99.95;99.45
,95;94.55;96.85;96.17,96.42;96.12;97.23;97.11,96.91;96.2;97.38;97.08,97.08;96.58;97.58;97.4
,97.22;97.22;97.92;97.51,97.52;96.84;97.83;97.45,97.7;97.45;98.66;98.54,98.57;98.5;99.45;99.37
,98.8;98.35;99.48;99.15,98.97;97.96;99.18;99,99.1;98.88;99.73;99.17,99.17;98.9;100.44;100.38
,100;99.54;100.4;99.85,99.8;99.12;100.36;99.54,98.9;98.65;99.74;99.62,99.52;97.81;99.7;98.55
,98.8;98.22;99.2;98.58,98.6;97.8;98.74;98.29,98.5;98.25;99.43;99.2,99.06;98.48;99.52;98.92
,99.12;98.63;99.25;98.99,98.66;98.55;99.46;99.35,98.9;98.7;99.37;99.09,98.8;97.77;99.5;98.5
,98.4;97.41;98.44;97.73,97.86;96.46;97.86;96.91,96;92.88;96.01;93.96,93.71;92.47;94.09;92.94
,90.25;88.77;93.05;92.27,92;90.84;92.37;90.9,90.25;90.1;92.15;91.81,92.4;92.26;93.89;93.8
,93.97;93.62;94.85;93.94,94.5;92.519;94.82;93,93.48;92.82;94;93.28,93.29;92.97;94.17;94.11
,93.86;92.62;94.47;92.71,92.65;92.1;94.03;93.76,93.4;93.1;93.97;93.45,94.45;93.02;94.45;93.25
,93.95;93.39;94.32;93.99,94;93.55;94.53;94.5,94.5;93.83;95.81;95.36,95.1;94.65;95.44;95.19
,94.82;94.65;95.22;95.03,95;94.32;95.25;95,94.71;94.2;95.03;94.73,93.9;93.8;95.02;94.26
,94.66;93.96;95.11;94.57,94.24;93.57;94.75;94.26">
<:param name="s1_label" value="IBM">
<:param name="s1_label" value="Stock XY">
<:param name="s1_color" value="000000">
<:param name="legend_position" value="INTOP">
<:param name="s1_group" value="1">
<:param name="group1_y_axis_position" value="L2">
<:param name="group2_y_axis_position" value="L1">
<:param name="group1_grid_line_hor_type" value="0">
<:param name="group2_grid_line_hor_type" value="0">
<:param name="group1_grid_line_hor_color" value="CCCCCC">
<:param name="group2_grid_line_hor_color" value="CCCCCC">
<:param name="group1_grid_line_ver" value="Y">
<:param name="group2_grid_line_ver" value="Y">
<:param name="group1_grid_line_ver_type" value="0">
<:param name="group2_grid_line_ver_type" value="0">
<:param name="group1_grid_line_ver_color" value="CCCCCC">
<:param name="group2_grid_line_ver_color" value="CCCCCC">
<:param name="group1_y_min" value="85">
<:param name="group1_y_max" value="105">
<:param name="group1_y_unit" value="10">
<:param name="group2_y_min" value="-300">
<:param name="group2_y_max" value="300">
<:param name="group2_y_unit" value="150">
<:param name="chart1_height" value="30">
<:param name="chart2_height" value="70">
<:param name="trend1" value="CCI10">
<:param name="trend1_base" value="1">
<:param name="trend1_label" value="Commodity Channel Index (CCI) - 10">
<:param name="trend1_color" value="3333FF">
<:param name="trend1_group" value="2">
<:param name="trend1_line_weight" value="0">
<:param name="trend1_line_style" value="1">
<:/applet>
|
|
Mixed bar and line example 1
|
|
Mixed bar and line chart - using the s3_line_chart parameter.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="bar">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Mixed bar and line chart">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="data_value" value="NONE">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_color" value="999999">
<param name="x_value" value="1999,2000,2001,2002">
<param name="s1_value" value="12,24,38,34">
<param name="s1_label" value="US Sales">
<param name="s2_value" value="9,14,32,42">
<param name="s2_label" value="Europe Sales">
<param name="s3_value" value="18,27,46,42">
<param name="s3_label" value="Share value">
<param name="s3_line_marker" value="Y">
<param name="s3_line_marker_type" value="8">
<param name="s3_sub_chart" value="LINE">
<param name="s3_color" value="669966">
</applet>
|
|
Mixed bar and line example 2
|
|
Mixed 3D bar and line chart - using the s3_line_chart parameter.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="bar3d">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="depth3D" value="200">
<param name="title_text" value="Mixed bar and line chart">
<param name="title_font_size" value="18">
<param name="data_value" value="NONE">
<param name="data_value_font_color" value="000000">
<param name="data_value_font_size" value="12">
<param name="grid_line" value="Y">
<param name="grid_line_color" value="999999">
<param name="x_value" value="1999,2000,2001,2002">
<param name="s1_value" value="112,144,178,154">
<param name="s1_label" value="New flats built">
<param name="s1_color" value="009999">
<param name="s2_value" value="79,134,138,133">
<param name="s2_label" value="Average house price">
<param name="s2_color" value="990099">
<param name="s3_value" value="128,165,191,176">
<param name="s3_label" value="Average rent">
<param name="s3_line_marker" value="Y">
<param name="s3_line_marker_type" value="8">
<param name="s3_sub_chart" value="LINE">
<param name="s3_color" value="999900">
<param name="legend_position" value="INBOTTOMRIGHT">
</applet>
|
|
Mixed bar and line example 3
|
|
Mixed bar and line chart with two bars and two lines.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="bar">
<param name="bar_width" value="80">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Mixed bar and line chart">
<param name="title_font_size" value="18">
<param name="legend_position" value="TOP">
<param name="data_value" value="INSIDE">
<param name="data_value_font_orientation" value="LEFT">
<param name="data_value_font_color" value="FF0000">
<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="x_value" value="Mo,Tu,We,Th,Fr,Sa,So">
<param name="s1_value" value="567,674,789,612,568,342,287">
<param name="s1_label" value="Cars">
<param name="s1_color" value="99CCFF">
<param name="s2_value" value="678,569,897,765,734,438,333">
<param name="s2_label" value="Buses">
<param name="s2_line_marker_type" value="7">
<param name="s2_color" value="CC99FF">
<param name="s3_value" value="876,981,1123,940,950,610,652">
<param name="s3_label" value="Pedestrian">
<param name="s3_line_marker" value="N">
<param name="s3_sub_chart" value="LINE">
<param name="s3_color" value="999900">
<param name="s4_value" value="1120,,1234,1432,1356,1190,879,886">
<param name="s4_label" value="Bikes">
<param name="s4_line_marker" value="N">
<param name="s4_sub_chart" value="LINE">
<param name="s4_color" value="99FF00">
<param name="y_max" value="1500">
<param name="y_unit" value="250">
</applet>
|
|
Multiple charts example 1
|
|
Multiple chart based on 2 y axis. The first chart is a bar and line mix chart using the sub_chart parameter, while the second chart is a simple bar chart. Multiple charts are created by using the group based parameters.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="bar">
<param name="depth3d" value="500">
<param name="chart_bg" value="FFFF99">
<param name="bg" value="FFFFFF">
<param name="title_text" value="Multiple charts with mixed bar and line types">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="x_value" value="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24
,25,26,27,28,29,30,31">
<param name="s1_value" value="88,66,82,119,107,111,104,92,83,83,118,101,112,112,110,65,99
,113,110,98,94,84,59,77,114,103,126,134,105,61,99">
<param name="s1_label" value="Sites">
<param name="s2_sub_chart" value="LINE">
<param name="s2_line_marker" value="N">
<param name="s2_value" value="121,89,116,120,139,116,111,91,112,98,106,115,127,131,121,106,110
,118,134,142,146,145,146,144,141,134,125,138,134,123,129">
<param name="s2_label" value="Visits">
<param name="s3_value" value="27777,13875,31774,64961,41051,41595,30017,32307,24157,24688,49741
,37080,40279,26936,32437,8984,28056,35916,37486,39578,30529,35312,10877,31775,36701,39293,46668,44806
,24505,14550,32078">
<param name="s3_label" value="KBytes">
<param name="s1_group" value="1">
<param name="s2_group" value="1">
<param name="s3_group" value="2">
<param name="x_axis_occurrence" value="10">
<param name="y_axis_font_size" value="12">
<param name="data_value" value="NONE">
<param name="grid_line_hor" value="n">
<param name="chart_border_color" value="000000">
<param name="group1_grid_line_hor" value="y">
<param name="group1_grid_line_hor_type" value="0">
<param name="group2_grid_line_hor" value="y">
<param name="group2_grid_line_hor_type" value="0">
<param name="group1_y_axis_position" value="L1">
<param name="group2_y_axis_position" value="L2">
<param name="grid_line_ver" value="n">
<param name="legend_position" value="bottom">
</applet> |
|
Multiple charts example 2
|
|
Multiple chart based on 3 y axis and two charts. The base chart type is a STOCK3 chart while using the sub_chart parameter to geberate bar and line graphs. The lower chart is based on one y axis, while the upper chart has two y axis. Multiple charts and y axis are created by using the group based parameters. The two charts are displayed with different heights by using the chart height parameters.
Back to top
|
<:applet code="swiftchart.class" width="400" height="300">
<:param name="chart_type" value="stock3">
<:param name="chart_bg" value="FFFFFF">
<:param name="bg" value="FFFFFF">
<:param name="title_text" value="Multiple charts with mixed bar and line types">
<:param name="title_font_color" value="000000">
<:param name="title_font_size" value="18">
<:param name="x_value" value="Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec">
<:param name="s1_sub_chart" value="BAR">
<:param name="s1_value" value="818,922,1197,1765,849,978,1187,1694,1265,810,1178,1256">
<:param name="s1_label" value="Volume">
<:param name="s1_color" value="666666">
<:param name="s2_value" value="10;6;12;11,11;10;15;13,13;11;18;17,17;17;22;21,21;18;22;19,19;17;21;18
,18;17;25;24,24;24;30;29,29;27;33;32,32;29;36;36,36;33;40;38,38;27;38;30">
<:param name="s2_label" value="Price">
<:param name="s2_color" value="000000">
<:param name="s3_line_marker" value="N">
<:param name="s3_value" value="4678,5133,5545,5987,6298,5434,4897,5187,6120,7820,6402,6975">
<:param name="s3_label" value="FTSE">
<:param name="s3_sub_chart" value="LINE">
<:param name="s3_color" value="FF3333">
<:param name="s1_group" value="1">
<:param name="s2_group" value="2">
<:param name="s3_group" value="3">
<:param name="y_axis_font_size" value="12">
<:param name="data_value" value="NONE">
<:param name="grid_line_hor" value="n">
<:param name="chart_border_color" value="000000">
<:param name="group1_grid_line_hor" value="y">
<:param name="group1_grid_line_hor_type" value="0">
<:param name="group2_grid_line_hor" value="n">
<:param name="group3_grid_line_hor" value="y">
<:param name="group3_grid_line_hor_type" value="0">
<:param name="group3_grid_line_hor_color" value="CCCCCC">
<:param name="group1_y_axis_position" value="L1">
<:param name="group2_y_axis_position" value="L2">
<:param name="group3_y_axis_position" value="R2">
<:param name="grid_line_ver" value="n">
<:param name="legend_position" value="TOP">
<:param name="chart1_height" value="20">
<:param name="chart2_height" value="80">
<:param name="chart3_height" value="60">
<:/applet> |
|
Multiple charts example 2
|
|
Mixed bar and line chart. The left y-axis displaying the precipitation has set its maximum to 300, while the right y-axis minimal value has been set to -30. This separates the bar and the lines nicely.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="bar">
<param name="bar_width" value="60">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="London: monthly climate statistics">
<param name="title_font_size" value="18">
<param name="legend_position" value="RIGHT">
<param name="legend_bg" value="FFFFFF">
<param name="legend_border" value="CCCCCC">
<param name="data_value" value="NONE">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="CCCCCC">
<param name="y_unit_color" value="999999">
<param name="x_axis_font_orientation" value="RIGHT">
<param name="x_value" value="Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec">
<param name="s1_value" value="79,51,61,53,56,56,46,56,69,74,76,79">
<param name="s1_label" value="Precipation [mm]">
<param name="s1_color" value="9999FF">
<param name="s1_color_border" value="000000">
<param name="s2_color" value="990000">
<param name="s2_color_border" value="000000">
<param name="s2_value" value="7,7,9,12,16,19,22,21,18,15,10,7">
<param name="s2_sub_chart" value="LINE">
<param name="s2_label" value="Max [°C]">
<param name="s2_line_marker" value="N">
<param name="s2_line_weight" value="2">
<param name="s3_color" value="009900">
<param name="s3_color_border" value="000000">
<param name="s3_value" value="0,0,1,3,6,9,11,11,8,6,3,1">
<param name="s3_sub_chart" value="LINE">
<param name="s3_label" value="Min [°C]">
<param name="s3_line_marker" value="N">
<param name="s3_line_weight" value="2">
<param name="s1_group" value="1">
<param name="s2_group" value="2">
<param name="s3_group" value="2">
<param name="group2_grid_line_hor_type" value="0">
<param name="group1_y_axis_position" value="L1">
<param name="group2_y_axis_position" value="R1">
<param name="group1_grid_line_hor" value="N">
<param name="group1_y_max" value="300">
<param name="group2_y_min" value="-30">
</applet>
|
|
Multiple charts example 2
|
|
Mixed chart combining bar and error. The error is generated using the stock chart type (STOCK1). In addition the graph is split into two charts, using the powerful grouping functionality.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="STOCK1">
<param name="chart_bg" value="FFFFFF">
<param name="bg" value="EEEEEE">
<param name="title_text" value="Combination chart: bars and error">
<param name="title_font_size" value="18">
<param name="x_value" value="A,B,C,D,E,F,G,H,I,J">
<param name="s1_value" value="15,25,39,36,28,45,51,27,33,45">
<param name="s1_label" value="Dogs">
<param name="s1_sub_chart" value="bar">
<param name="s1_color" value="00AACC">
<param name="s2_value" value="12;17,20;28,37;45,32;43,22;30,42;50,47;55,25;31,32;38,43;46">
<param name="s2_label" value="Error">
<param name="s2_color" value="990000">
<param name="s3_value" value="22,29,45,39,32,56,67,48,42,60">
<param name="s3_label" value="Cats">
<param name="s3_sub_chart" value="bar">
<param name="s3_color" value="AACC00">
<param name="s4_value" value="20;26,24;32,41;51,38;43,30;38,54;61,65;72,44;50,40;49,57;65">
<param name="s4_label" value="Error">
<param name="s4_color" value="9900FF">
<param name="grid_line_hor_type" value="1">
<param name="grid_line_hor_color" value="CCCCCC">
<param name="legend_position" value="BOTTOM">
<param name="s1_group" value="1">
<param name="s2_group" value="1">
<param name="s3_group" value="2">
<param name="s4_group" value="2">
<param name="group1_y_axis_position" value="L1">
<param name="group2_y_axis_position" value="L2">
<param name="group2_grid_line_hor_type" value="1">
<param name="group2_grid_line_hor_color" value="CCCCCC">
</applet> |
|
Mixed chart with various colors
|
|
In this example the chart background alternates using the chart_bg_fill parameter and defining two colors for the chart_bg color. In addition the bar is based on two colors as well using the bar_fill_color and bar_fill parameters and the .
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="bar">
<param name="chart_bg" value="BBBBBB;AAAAAA">
<param name="chart_bg_fill" value="19">
<param name="bg_fill" value="6">
<param name="applet_bg" value="667766;EEEEEE">
<param name="title_text" value="Various color fillings">
<param name="title_font_size" value="18">
<param name="x_value" value="2000,2001,2002,2003,2004,2005">
<param name="s1_value" value="10,6,9,11,8,15">
<param name="s1_label" value="A">
<param name="s1_color" value="FF0000">
<param name="s1_line_weight" value="2">
<param name="s1_line_marker" value="Y">
<param name="s1_line_marker_type" value="7">
<param name="s1_sub_chart" value="line">
<param name="s2_value" value="5,4,6,5,7,11">
<param name="s2_label" value="A">
<param name="s2_color" value="6666CC">
<param name="s2_color_border" value="000000">
<param name="s2_bar_fill" value="5">
<param name="s2_bar_fill_color" value="FFCCCC">
<param name="x_axis_font_size" value="12">
<param name="x_axis_font_style" value="BOLD">
<param name="x_axis_font_type" value="COURIER">
<param name="y_axis_font_size" value="10">
<param name="y_unit" value="2">
<param name="y_axis_style" value="above">
<param name="legend_position" value="NONE">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="CCCCCC">
</applet> |
|
Mixed chart: stacked bar chart with line
|
|
In this example a line chart is mixed with a line chart. In addition the line and the stacked bar series are grouped seperately and for each group a seperate y-axis scale is used.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="stackedbar">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFDD;FFFFBB">
<param name="chart_bg_fill" value="19">
<param name="title_text" value="3D pie chart with multiple pies">
<param name="title_font_size" value="18">
<param name="x_axis_font_size" value="14">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="legend_position" value="INTOPRIGHT">
<param name="legend_font_type" value="Arial">
<param name="legend_font_style" value="PLAIN">
<param name="data_value" value="INSIDE">
<param name="data_value_font_size" value="10">
<param name="data_value_pct" value="Y">
<param name="data_value_digits" value="0">
<param name="data_value_font_type" value="Arial">
<param name="data_value_font_style" value="Plain">
<param name="x_value" value="India,China,Brazil,Spain">
<param name="s1_value" value="17,11,8,12">
<param name="s1_label" value="Apples">
<param name="s1_color" value="993333">
<param name="s1_bar_fill" value="5">
<param name="s1_bar_fill_color" value="FF9999">
<param name="s2_value" value="22,18,36,25">
<param name="s2_label" value="Plums">
<param name="s2_color" value="333399">
<param name="s2_bar_fill" value="5">
<param name="s2_bar_fill_color" value="9999FF">
<param name="s3_value" value="10,14,12,9">
<param name="s3_label" value="Pears">
<param name="s3_color" value="339933">
<param name="s3_bar_fill" value="5">
<param name="s3_bar_fill_color" value="99FF99">
<param name="s4_value" value="10,8,11,9">
<param name="s4_label" value="Grapes">
<param name="s4_color" value="CC9933">
<param name="s4_sub_chart" value="LINE">
<param name="s1_group" value="1">
<param name="s2_group" value="1">
<param name="s3_group" value="1">
<param name="s4_group" value="2">
<param name="group1_y_axis_position" value="L1">
<param name="group2_y_axis_position" value="R1">
<param name="group1_y_max" value="100">
<param name="group1_y_unit" value="20">
<param name="group2_y_max" value="15">
<param name="group2_y_unit" value="3">
<param name="group1_grid_line_hor_type" value="0">
<param name="group2_grid_line_hor_type" value="0">
</applet>
|
|
Gantt chart example 1
|
|
Simple Gantt chart. The time axis displays each month for the period of the project, using the x_unit value.
Each comma delimited s1_value contains the following information delimited by a semi-colon:
start_time;end_time;progress;task_type;link
start_time start of task, required
end_time end of task, required
progress progress 0 to 100, not required
task_type N=normal task, S=summary task, M=milestone, not required
link task this task is linked to, can link to more than one task delimited by a colon , not required
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="gantt">
<param name="chart_bg" value="FFFFCC">
<param name="bg" value="EEEEEE">
<param name="title_text" value="Simple GANTT chart">
<param name="bar_width" value="50">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="x_value" value="Choose product,Order product,Receive and install,Test,Pay product">
<param name="s1_value" value="04-01-2006;15-01-2006,16-01-2006;17-01-2006,20-01-2006;31-01-2006,27-01-2006;20-02-2006,
27-02-2006;28-02-2006">
<param name="s1_color" value="996633">
<param name="s1_color_border" value="000000">
<param name="x_axis_font_size" value="12">
<param name="x_axis_font_style" value="BOLD">
<param name="legend_position" value="NONE">
<param name="grid_line_hor_type" value="0">
<param name="x_axis_date" value="Y">
<param name="x_axis_date_format" value="dd-MM-yyyy">
<param name="x_axis_date_format_display" value="MMM-yyyy">
<param name="x_min" value="01-01-2006">
<param name="x_max" value="01-03-2006">
<param name="x_unit" value="MONTH;1">
<param name="gantt_header_color" value="999966">
<param name="gantt_task_color" value="CCCC99">
</applet>
|
|
Gantt charts example 2
|
|
Gantt chart with progress bar.
Each comma delimited s1_value contains the following information delimited by a semi-colon:
start_time;end_time;progress;task_type;link
start_time start of task, required
end_time end of task, required
progress progress 0 to 100, not required
task_type N=normal task, S=summary task, M=milestone, not required
link task this task is linked to, can link to more than one task delimited by a colon , not required
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="gantt">
<param name="chart_bg" value="FFFFBB">
<param name="bg" value="EEEEEE">
<param name="title_text" value="GANTT chart with percentage complete bar">
<param name="bar_width" value="50">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="x_value" value="Task 1,Task 2,Task 3,Task 4,Task 5, Task 6,Task 7,Task 8,Task 9,Task 10">
<param name="s1_value" value="10-01-2000;10-02-2000;20,01-02-2000;01-04-2000;100,01-03-2000;01-05-2000;50,
20-03-2000;04-05-2000;60,20-04-2000;20-05-2000;0,01-05-2000;23-06-2000;80,11-06-2000;03-08-2000;30,
01-07-2000;12-09-2000;10,01-08-2000;30-11-2000;0,01-12-2000;31-12-2000;0">
<param name="s1_color" value="9999CC">
<param name="s1_color_border" value="000000">
<param name="x_axis_font_size" value="12">
<param name="x_axis_font_style" value="BOLD">
<param name="y_axis_font_size" value="10">
<param name="legend_position" value="NONE">
<param name="grid_line_hor_type" value="0">
<param name="x_axis_date" value="Y">
<param name="x_axis_date_format" value="dd-MM-yyyy">
<param name="x_axis_date_format_display" value="MMM">
<param name="x_min" value="01-01-2000">
<param name="x_max" value="01-01-2001">
<param name="x_unit" value="MONTH;2">
<param name="gantt_header_color" value="CCCCCC">
<param name="gantt_task_color" value="EEEEEE">
</applet>
|
|
Gantt chart example 3
|
|
Gantt chart with progress bar. The time axis is based on hours, using the x_unit value.
Each comma delimited s1_value contains the following information delimited by a semi-colon:
start_time;end_time;progress;task_type;link
start_time start of task, required
end_time end of task, required
progress progress 0 to 100, not required
task_type N=normal task, S=summary task, M=milestone, not required
link task this task is linked to, can link to more than one task delimited by a colon , not required
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="gantt">
<param name="chart_bg" value="CCCCCC">
<param name="bg" value="EEEEEE">
<param name="title_text" value="GANTT chart with percentage complete bar">
<param name="bar_width" value="50">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="x_value" value="Task 1,Task 2,Task 3,Task 4,Task 5, Task 6,Task 7,Task 8">
<param name="s1_value" value="09:10;10:30;100,11:00;11:30;100,11:15;14:15;50,14:00;14:45;30,15:20;16:10;0,16:00;16:30;25,16:15;16:35;0,16:35;16:55;0">
<param name="s1_color" value="FFCCCC">
<param name="s1_color_border" value="FF0000">
<param name="x_axis_font_style" value="BOLD">
<param name="y_axis_font_style" value="BOLD">
<param name="legend_position" value="NONE">
<param name="grid_line_hor_type" value="0">
<param name="x_axis_date" value="Y">
<param name="x_axis_date_format" value="HH:mm">
<param name="x_axis_date_format_display" value="HH:mm">
<param name="x_min" value="09:00">
<param name="x_max" value="17:00">
<param name="x_unit" value="HOUR;1">
<param name="gantt_header_color" value="666666">
<param name="gantt_task_color" value="999999">
</applet>
|
|
Gantt chart example 4
|
|
Gantt chart with summaries and milestones.
Each comma delimited s1_value contains the following information delimited by a semi-colon:
start_time;end_time;progress;task_type;link
start_time start of task, required
end_time end of task, required
progress progress 0 to 100, not required
task_type N=normal task, S=summary task, M=milestone, not required
link task this task is linked to, can link to more than one task delimited by a colon , not required
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="gantt">
<param name="chart_bg" value="FFFFBB">
<param name="bg" value="FFFFFF
<param name="1chart_border_color" value="FF0000">
<param name="title_text" value="GANTT chart with Summary and Milestone">
<param name="bar_width" value="50">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="x_value" value="Preparation,Get Beans,Grind coffee,Boil Water,Fill machine,Heat cup,Prepared,Make & Serve,Make Coffee,Serve">
<param name="s1_value" value="0;0;0;S,1;2,2;4,2;6,4;5,5;8,8;8;0;M,0;0;0;S,8;10,10;12">
<param name="s1_label" value="Volume">
<param name="s1_color" value="9999CC">
<param name="s1_color_border" value="000000">
<param name="x_axis_font_size" value="12">
<param name="x_axis_font_style" value="BOLD">
<param name="y_axis_font_size" value="10">
<param name="legend_position" value="NONE">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="x_axis_date" value="Y">
<param name="x_axis_date_format" value="mm">
<param name="x_axis_date_format_display" value="mm">
<param name="x_min" value="0">
<param name="x_max" value="12">
<param name="x_unit" value="MINUTE;2">
<param name="grid_line_ver_color" value="FF0000">
<param name="gantt_header_color" value="CCCCCC">
<param name="gantt_task_color" value="EEEEEE">
<param name="gantt_milestone_color" value="FF0000">
<param name="gantt_summary_color" value="000066">
</applet>
|
|
Gantt chart example 5
|
|
Gantt chart with task linking, summaries, milestones and progress bars.
Each comma delimited s1_value contains the following information delimited by a semi-colon:
start_time;end_time;progress;task_type;link
start_time start of task, required
end_time end of task, required
progress progress 0 to 100, not required
task_type N=normal task, S=summary task, M=milestone, not required
link task this task is linked to, can link to more than one task delimited by a colon , not required
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="gantt">
<param name="chart_bg" value="EEEEEE">
<param name="bg" value="EEEEEE">
<param name="title_text" value="GANTT chart with task links">
<param name="bar_width" value="50">
<param name="title_font_size" value="18">
<param name="x_value" value="Task 1,Task 2,Task 3,Task 4,Milestone 1, Summary,Task 5,Task 6,Task 7,Milestone 2">
<param name="s1_value" value="10-01-2000;20-02-2000;20;n,01-02-2000;01-04-2000;100;n;1,01-03-2000;20-04-2000;50;n;2,
01-05-2000;01-06-2000;60;N;1,02-06-2000;02-06-2000;0;M;4,0;0;80;S,01-07-2000;03-08-2000;30;n;5,10-07-2000;12-09-2000;10,
30-08-2000;02-11-2000;0,01-12-2000;01-12-2000;0;M;7:8:9">
<param name="s1_label" value="Volume">
<param name="s1_color" value="FFCCCC">
<param name="s1_color_border" value="000000">
<param name="x_axis_font_size" value="12">
<param name="x_axis_font_style" value="BOLD">
<param name="y_axis_font_size" value="10">
<param name="legend_position" value="NONE">
<param name="x_axis_value_display" value="Y">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="FFFFFF">
<param name="x_axis_date" value="Y">
<param name="x_axis_date_format" value="dd-MM-yyyy">
<param name="x_axis_date_format_display" value="MMM">
<param name="x_min" value="01-01-2000">
<param name="x_max" value="01-01-2001">
<param name="x_unit" value="MONTH;2">
<param name="gantt_header_color" value="CCCCCC">
<param name="gantt_task_color" value="EEEEEE">
<param name="gantt_milestone_color" value="FF0000">
<param name="gantt_summary_color" value="000066">
<param name="gantt_link_color" value="009933">
</applet> |
|
Gantt chart example 6
|
|
Gantt chart with additional gantt parameter details displayed using the gantt_display parameter.
Each gantt parameter to be displayed can be listed within the gantt_display parameter. The following parameters can be displayed:
task Task name
start Start of task
end End of task
link Link details
pct Percentage done
Each item of the comma delimited item is based on two values separated by a ";". The first item contains the gantt parameter to be displayed, the second item is used to set the display name of the gantt parameter.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="gantt">
<param name="chart_bg" value="EEEEEE">
<param name="bg" value="EEEEEE">
<param name="title_text" value="GANTT chart with task links">
<param name="bar_width" value="50">
<param name="title_font_size" value="18">
<param name="x_value" value="Task 1,Task 2,Task 3,Task 4,Milestone 1, Summary,Task 5,Task 6,Task 7,Milestone 2">
<param name="s1_value" value="10-01-2000;20-02-2000;20;n,01-02-2000;01-04-2000;100;n;1,01-03-2000;20-04-2000;50;n;2,
01-05-2000;01-06-2000;60;N;1,02-06-2000;02-06-2000;0;M;4,0;0;80;S,01-07-2000;03-08-2000;30;n;5,10-07-2000;12-09-2000;10,
30-08-2000;02-11-2000;0,01-12-2000;01-12-2000;0;M;7:8:9">
<param name="s1_label" value="Volume">
<param name="s1_color" value="FFCCCC">
<param name="s1_color_border" value="000000">
<param name="x_axis_font_size" value="12">
<param name="x_axis_font_style" value="BOLD">
<param name="y_axis_font_size" value="10">
<param name="legend_position" value="NONE">
<param name="x_axis_value_display" value="Y">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="FFFFFF">
<param name="x_axis_date" value="Y">
<param name="x_axis_date_format" value="dd-MM-yyyy">
<param name="x_axis_date_format_display" value="MMM">
<param name="x_min" value="01-01-2000">
<param name="x_max" value="01-01-2001">
<param name="x_unit" value="MONTH;2">
<param name="gantt_header_color" value="CCCCCC">
<param name="gantt_task_color" value="EEEEEE">
<param name="gantt_milestone_color" value="FF0000">
<param name="gantt_summary_color" value="000066">
<param name="gantt_link_color" value="009933">
<param name="gantt_display" value="Task;Task,start;Start,end;End,link;Link,pct;%">
<param name="gantt_date_format" value="dd-MM">
</applet>
|
|
Tree diagram example 1
|
|
Tree diagram with top to bottom orientation. The tree elements are displayed by circles and linked-up by lines using the diagram_shape and diagram_line_type parameters.
Tree elements are linked to parent elements using the s1_value parameter. The nth entry in the s1_value parameter corresponds to the nth entry in the x_value parameter. The actual value in the s1_value is the position in the x_value where the parent entry can be found. In this example the 7th entry in the s1_value is 3, and the 3rd entry at the x_value is 3 - therefore the 7th x_value (7) points to the 3rd x_value (3).
Back to top
|
<applet code="swiftchart.class" width="400" height="400">
<param name="chart_type" value="diagram">
<param name="chart_bg" value="FFFFBB">
<param name="bg" value="EEEEEE">
<param name="title_text" value="Tree diagram top down">
<param name="title_font_size" value="18">
<param name="x_value" value="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20">
<param name="s1_value" value="0,1,1,1,2,2,3,3,4,4,4,10,10,12,13,13,15,15,16,18">
<param name="s1_label" value="Volume">
<param name="s1_color" value="FFFFFF">
<param name="s1_color_border" value="000000">
<param name="data_value_font_size" value="12">
<param name="legend_position" value="NONE">
<param name="x_axis_value_display" value="Y">
<param name="data_value" value="None">
<param name="diagram_line_type" value="2">
<param name="diagram_shape" value="2">
</applet>
|
|
Tree diagram example 2
|
|
Tree diagram with bottom to top orientation. The tree elements are displayed by circles and linked-up by lines using the diagram_shape and diagram_line_type parameters.
Tree elements are linked to parent elements using the s1_value parameter. The nth entry in the s1_value parameter corresponds to the nth entry in the x_value parameter. The actual value in the s1_value is the position in the x_value where the parent entry can be found. In this example the 7th entry in the s1_value is 3, and the 3rd entry at the x_value is body - therefore the 7th x_value (h1) points to the 3rd x_value (body).
Back to top
|
<applet code="swiftchart.class" width="400" height="400">
<param name="chart_type" value="diagram">
<param name="diagram_type" value="tree">
<param name="diagram_sub_type" value="bottom">
<param name="chart_bg" value="FFFFFF">
<param name="bg" value="EEEEEE">
<param name="title_text" value="Tree diagram">
<param name="title_font_size" value="18">
<param name="x_value" value ="html,head,body,title,link,meta,h1,h2,p1,div,ul,p2,p3,li,li,li,em,a,p4,em">
<param name="s1_value" value="0,1,1,2,2,2,3,3,3,3,3,10,10,11,11,11,12,13,14,16">
<param name="1s1_value" value="0,1,1,1,2,2,2,4,11,11,4">
<param name="s1_label" value="Volume">
<param name="s1_color" value="CCFFFF">
<param name="s1_color_border" value="000000">
<param name="legend_position" value="NONE">
<param name="x_axis_value_display" value="Y">
<param name="data_value" value="None">
<param name="diagram_line_type" value="1">
<param name="diagram_shape" value="1">
</applet>
|
|
Tree diagram example 3
|
|
Tree diagram with left to right orientation. The tree elements are marked with different colors using the s1_color parameter.
Tree elements are linked to parent elements using the s1_value parameter. The nth entry in the s1_value parameter corresponds to the nth entry in the x_value parameter. The actual value in the s1_value is the position in the x_value where the parent entry can be found. In this example the 7th entry in the s1_value is 1, and the 1st entry at the x_value is World - therefore the 7th x_value (Asia Pacific) points to the 1st x_value (World).
Back to top
|
<applet code="swiftchart.class" width="400" height="400">
<param name="chart_type" value="diagram">
<param name="diagram_type" value="tree">
<param name="diagram_sub_type" value="left">
<param name="chart_bg" value="FFFFFF">
<param name="bg" value="EEEEEE">
<param name="1chart_border_color" value="FF0000">
<param name="title_text" value="Tree Diagram with various colours">
<param name="title_font_size" value="18">
<param name="x_value" value="World,Europe,North\nAmerica,South\nAmerica,Asia,Africa,Asia\nPacific,France,Spain,Germany
,UK,California,San\nFrancisco,Los\nAngeles,Nigeria,Egypt,Chad,Cairo,New\nZealand,Fidji,Wellington,Bonn,Berlin,Leipzig">
<param name="s1_value" value="0,1,1,1,1,1,1,2,2,2,2,3,12,12,6,6,6,16,7,7,19,10,10,10">
<param name="s1_label" value="Volume">
<param name="s1_color" value="EEEEEE,CC6666,66CC66,6666CC,66CCCC,CC66CC,66CCCC,CC6666,CC6666,CC6666,CC6666,66CC66,66CC66
,66CC66,CC66CC,CC66CC,CC66CC,CC66CC,66CCCC,66CCCC,66CCCC,CC6666,CC6666,CC6666">
<param name="s1_color_border" value="000000">
<param name="data_value_font_size" value="9">
<param name="legend_position" value="NONE">
<param name="diagram_line_type" value="1">
<param name="diagram_shape" value="1">
<param name="x_axis_value_display" value="N">
</applet>
|
|
Tree diagram example 4
|
Tree diagram with centric orientation.
Back to top
|
|
<applet code="swiftchart.class" width="800" height="800">
<param name="chart_type" value="diagram">
<param name="diagram_type" value="tree">
<param name="diagram_sub_type" value="CENTER">
<param name="chart_bg" value="FFFFFF">
<param name="bg" value="EEEEEE">
<param name="1chart_border_color" value="FF0000">
<param name="title_text" value="Large centric tree diagram">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="x_value" value="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,
31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,
69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99">
<param name="s1_value" value="0,1,1,3,2,4,5,7,1,1,4,1,7,8,7,7,7,13,18,9,12,9,18,22,19,24,1,1,9,1,10,24,6,25,11,3,
33,34,19,3,22,26,19,2,25,30,1,44,5,22,23,6,8,4,40,31,42,4,48,6,50,49,14,50,41,52,42,26,12,67,59,39,62,10,52,1,69,63,
47,37,25,41,2,76,22,52,47,66,46,19,11,17,3,35,63,76,96,87,51">
<param name="s1_label" value="Volume">
<param name="s1_color" value="FFFFFF">
<param name="s1_color_border" value="000000">
<param name="data_value_font_size" value="9">
<param name="legend_position" value="NONE">
<param name="grid_line_hor_color" value="FFFFFF">
<param name="data_value" value="None">
<param name="diagram_line_type" value="1">
<param name="diagram_shape" value="2">
</applet>
|
|
Tree diagram example 5
|
Tree diagram with centric orientation. The tree elements are marked with different colors using the s1_color parameter. The diagram item shape is set to 3, drawing rounded rectangles.
| |
