|
Back to Examples
|
Line chart / line graph example 4
|
|
Multiple line charts, by using the group functionality. Series 1 and 2 are assigned to group 1, while serie 3 is assigned to group 2. The y-axis position for each group definition (L1 and L2) creates the two charts.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="line">
<param name="depth3d" value="2000">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Line chart with multiple charts">
<param name="title_font_color" value="030303">
<param name="title_font_size" value="18">
<param name="x_axis_font_color" value="030303">
<param name="x_axis_font_size" value="12">
<param name="x_axis_occurrence" value="10">
<param name="y_axis_font_color" value="030303">
<param name="y_axis_font_size" value="12">
<param name="legend_position" value="TOP">
<param name="legend_font_color" value="030303">
<param name="legend_font_size" value="12">
<param name="data_value" value="NONE">
<param name="data_value_font_color" value="030303">
<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="x_value" value="0,10,20,30,40,50,60,70,80,90,100,110,120
,130,140,150,160,170,180,190,200,210,220,230,240,250,260,270,280,290,300,310
,320,330,340,350,360,370,380,390,400,410,420,430,440,450,460,470,480,490,500
,510,520,530,540,550,560,570,580,590,600,610,620,630,640,650,660,670,680,690
,700,710,720,730,740,750,760,770,780,790,800,810,820,830,840,850,860,870,880
,890,900,910,920,930,940,950,960,970,980,990">
<param name="s1_value" value="100,94,85,70,70,60,69,79,96,94,100,84,82,88
,104,121,136,122,134,137,121,140,147,132,135,149,156,141,137,142,139,158,156
,142,151,140,127,145,151,141,137,143,146,151,142,125,119,101,111,110,111,114
,117,122,142,158,176,184,189,196,198,201,182,166,147,143,163,172,168,182,163
,169,188,186,182,164,179,198,195,211,193,207,211,214,201,194,198,181,164,170
,189,201,209,191,203,191,186,187,199,182">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="990000">
<param name="s1_line_marker" value="N">
<param name="s1_line_weight" value="2">
<param name="s2_value" value="200,213,230,234,253,273,281,263,269,269,286
,275,268,265,271,257,269,272,270,282,284,279,263,270,253,245,259,253,242,226
,243,254,241,261,262,275,270,265,254,247,229,237,231,244,234,243,233,237,238
,242,242,249,250,248,255,240,247,239,238,241,222,234,227,221,227,242,261,274
,287,277,294,291,287,270,273,276,274,283,297,316,312,307,292,277,282,290,302
,311,324,307,315,313,300,302,311,302,317,318,308,299">
<param name="s2_label" value="Serie 2">
<param name="s2_color" value="000099">
<param name="s2_line_marker" value="N">
<param name="s2_line_weight" value="2">
<param name="s3_value" value="200,219,238,256,261,280,284,285,286,272,261
,253,234,219,237,253,271,269,264,281,271,279,290,310,296,293,286,288,279,264
,252,269,283,289,292,302,290,271,282,274,262,269,280,285,268,279,262,257,241
,238,219,224,244,241,223,226,221,229,242,243,243,246,247,228,246,247,238,236
,223,226,207,222,218,236,233,241,224,211,209,191,181,182,175,180,167,167,178
,189,175,183,186,179,192,191,203,190,203,200,181,167">
<param name="s3_label" value="Serie 3">
<param name="s3_color" value="009900">
<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="1">
<param name="s3_group" value="2">
<param name="group1_y_axis_position" value="L1">
<param name="group2_y_axis_position" value="L2">
<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">
</applet>
|
|
Line chart / line graph example 5
|
|
Line charts with multiple y-axis, by using the group functionality. Color and y-axis position is defined for each group. The y-axis are offset from the actual chart using the y_axis_offest parameter. This example also shows two x axis targets defined by the x_target, x_target_label and the x_target_color parameters.
Back to top
|
<applet code="swiftchart.class" width="403" height="303">
<param name="chart_type" value="line">
<param name="depth3d" value="2000">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Line chart with multiple y-axis">
<param name="title_font_color" value="030303">
<param name="title_font_size" value="18">
<param name="x_axis_font_color" value="030303">
<param name="y_axis_font_color" value="030303">
<param name="y_axis_offset" value="7">
<param name="y_axis_font_style" value="BOLD">
<param name="legend_position" value="TOP">
<param name="legend_font_color" value="030303">
<param name="data_value" value="NONE">
<param name="x_value" value="1950,1960,1970,1980,1990,2000">
<param name="s1_value" value="22,25,31,36,32,28">
<param name="s1_label" value="Temperature">
<param name="s1_color" value="009900">
<param name="s1_line_marker" value="N">
<param name="s1_line_weight" value="2">
<param name="s2_value" value="235,249,320,290,345,451">
<param name="s2_label" value="Mass flow">
<param name="s2_color" value="990000">
<param name="s2_line_marker" value="N">
<param name="s2_line_weight" value="2">
<param name="s1_group" value="1">
<param name="s2_group" value="2">
<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="group2_grid_line_hor" value="N">
<param name="group1_y_axis_font_color" value="009900">
<param name="group1_y_unit_color" value="009900">
<param name="group2_y_axis_font_color" value="990000">
<param name="group2_y_unit_color" value="990000">
<param name="x_target" value="2,5">
<param name="x_target_label" value="Target 1,Target 2">
<param name="x_target_color" value="CC0000,0000CC">
</applet>
|
|
Line chart / line graph example 6
|
|
Line chart with null values. Null values are not plotted and the lines are drawn between the last and the next non-null value.
Back to top
|
<applet code="swiftchart.class" width="400 height="300>
<param name="chart_type" value="line">
<param name="depth3d" value="2000">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Line chart with null values">
<param name="title_font_color" value="030303">
<param name="title_font_size" value="18">
<param name="x_axis_font_color" value="030303">
<param name="x_axis_font_orientation" value="HORIZONTAL2">
<param name="y_axis_font_size" value="12">
<param name="legend_position" value="TOP">
<param name="legend_font_color" value="030303">
<param name="data_value" value="NONE">
<param name="data_value_font_color" value="030303">
<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="x_value" value="1990,1991,1992,1993,1994,1995,1996,1997,1998,1999,2000,2001,2002,2003,2004,2005">
<param name="s1_value" value="12,15,16,,22,23,17,14,16,,19,22,24,25,28,24">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="990000">
<param name="s1_line_marker" value="N">
<param name="s1_line_weight" value="2">
<param name="s2_value" value="40,42,47,38,36,,,,,45,49,57,62,,49,31">
<param name="s2_label" value="Serie 2">
<param name="s2_color" value="000099">
<param name="s2_line_marker" value="N">
<param name="s2_line_weight" value="2">
</applet>
|
|
Line chart / line graph example 7
|
|
Line graph with various line types, including line area (line_style set to 3).
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="popup" value="N">
<param name="y_axis_offset" value="5">
<param name="chart_border_display" value="Y">
<param name="title_text" value="Line area">
<param name="chart_type" value="LINE">
<param name="chart_bg" value="FFFFFF">
<param name="bg" value="EEEEEE">
<param name="title_font_size" value="18">
<param name="x_value" value="a,b,c,d,e,f">
<param name="x_axis_font_size" value="16">
<param name="s1_value" value="13,25,27,22,8,17">
<param name="s1_label" value="Train">
<param name="s1_line_marker" value="N">
<param name="s1_line_style" value="3">
<param name="s1_line_weight" value="3">
<param name="s2_value" value="31,28,36,32,12,23">
<param name="s2_label" value="Car">
<param name="s2_line_marker" value="N">
<param name="s2_line_weight" value="1">
<param name="s3_value" value="50,40,52,42,32,38">
<param name="s3_label" value="Bus">
<param name="s3_line_marker" value="N">
<param name="s3_line_style" value="1">
<param name="s3_line_weight" value="2">
<param name="s3_color" value="669900">
<param name="s4_value" value="61,74,59,56,72,63">
<param name="s4_label" value="Bus">
<param name="s4_line_marker" value="N">
<param name="s4_line_style" value="3">
<param name="s4_color" value="33CC00">
<param name="s4_line_weight" value="2">
<param name="y_axis_value_format" value="#,##0.00; ###">
<param name="legend_position" value="NONE">
<param name="legend_border_display" value="N">
<param name="y_axis_font_size" value="12">
<param name="grid_line_ver_type" value="0">
<param name="grid_line_hor" value="Y">
<param name="grid_line_ver" value="Y">
<param name="grid_line_hor_color" value="CCCCCC">
<param name="data_value" value="NONE">
</applet>
|
|
Line chart / line graph example 8
|
|
Line graph with spline (line_style set to 6).
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<pram name="chart_type" value="LINE">
<pram name="pie_angle3d" value="90">
<pram name="applet_bg" value="EEEEEE">
<pram name="chart_bg" value="FFFFFF">
<pram name="title_text" value="Spline example">
<pram name="title_font_size" value="18">
<pram name="y_axis_font_style" value="BOLD">
<pram name="legend_position" value="right">
<pram name="grid_line_hor" value="y">
<pram name="grid_line_hor_type" value="0">
<pram name="grid_line_hor_color" value="999999">
<pram name="grid_line_ver" value="Y">
<pram name="grid_line_ver_type" value="0">
<pram name="grid_line_ver_color" value="999999">
<pram name="x_value" value="Jan,Feb,Mar,Apr,May,Jun">
<pram name="s1_value" value="10,22,16,33,26,31">
<pram name="s1_color" value="003399">
<pram name="s1_line_weight" value="3">
<pram name="s1_line_style" value="6">
<pram name="s1_line_marker" value="n">
<pram name="s1_line_marker_type" value="9">
<pram name="s2_value" value="21,25,20,39,31,41">
<pram name="s2_color" value="993300">
<pram name="s2_line_weight" value="3">
<pram name="s2_line_marker" value="y">
<pram name="s2_line_marker_type" value="8">
<pram name="s1_label" value="Line">
<pram name="s2_label" value="Spline">
</applet> |
|
Step line graph example
|
|
Line graph with two types of step lines. one step has the step at the beginning, the other one has the step at the end. (line_style = 4 or 5).
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="LINE">
<param name="pie_angle3d" value="90">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Step Line example">
<param name="title_font_size" value="18">
<param name="y_axis_font_style" value="BOLD">
<param name="legend_position" value="TOP">
<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="grid_line_ver" value="N">
<param name="x_value" value="Jan,Feb,Mar,Apr,May,Jun">
<param name="s1_value" value="10,12,16,23,16,21">
<param name="s1_color" value="003399">
<param name="s1_line_weight" value="2">
<param name="s1_line_style" value="4">
<param name="s1_line_marker" value="n">
<param name="s1_line_marker_type" value="9">
<param name="s1_label" value="Temperature">
<param name="s2_value" value="21,25,20,39,31,41">
<param name="s2_color" value="993300">
<param name="s2_line_weight" value="2">
<param name="s2_line_marker" value="y">
<param name="s2_line_marker_type" value="8">
<param name="s2_line_style" value="5">
<param name="s2_label" value="Pressure">
</applet> |
|
Line graph with target filling
|
|
Line graph with two targets. The high target has target filling above the target, the low target has target filling below. In addition different markers are defined above and below targets.
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="Target Fill Example">
<param name="title_font_size" value="18">
<param name="y1_target" value="16">
<param name="y1_target_label" value="High">
<param name="y1_target_color" value="FF0000">
<param name="y1_target_font" value="courier;bold;20">
<param name="y1_target_line_weight" value="3">
<param name="y1_target_above_fill" value="Y">
<param name="y1_target_above_fill_color" value="FF9999">
<param name="y1_target_above_marker" value="Y">
<param name="y1_target_above_marker_type" value="8">
<param name="y1_target_above_marker_color" value="FF0000">
<param name="y1_target_below_marker" value="Y">
<param name="y1_target_below_marker_type" value="9">
<param name="y1_target_below_marker_color" value="006666">
<param name="y2_target" value="9">
<param name="y2_target_label" value="Low">
<param name="y2_target_color" value="009900">
<param name="y2_target_below_fill" value="Y">
<param name="y2_target_below_fill_color" value="99FF99">
<param name="y2_target_font" value="courier;bold;20">
<param name="x_value" value="1,2,3,4,5,10">
<param name="s1_value" value="18,22,2,6,18,22">
<param name="s1_label" value="Mo">
<param name="s1_color" value="0000FF">
<param name="s1_line_weight" value="2">
<param name="s1_line_style" value="1">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="CCCCCC">
<param name="legend_position" value="NONE">
</applet>
|
|
Linear trend graph for xy scatter chart
|
|
XY scatter chart with two series, each one with its own trend. The legend position is positioned inside top left.
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_size" value="12">
<param name="legend_position" value="INTOPLEFT">
<param name="data_value" value="OUTSIDE">
<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="10,20,30,40,50,60,70,80">
<param name="s1_value" value="34,45,67,91,67,121,142,208">
<param name="s1_label" value="Male">
<param name="s1_color" value="000000">
<param name="trend1" value="LIN">
<param name="trend1_base" value="1">
<param name="trend1_label" value="Male trend">
<param name="trend1_color" value="3333FF">
<param name="trend1_line_weight" value="0">
<param name="s1_line_marker" value="ONLY">
<param name="s1_line_marker_type" value="14">
<param name="s2_value" value="-60,-38,-34,8,12,17,34,65">
<param name="s2_label" value="Female">
<param name="s2_color" value="FF9900">
<param name="trend2" value="LIN">
<param name="trend2_base" value="2">
<param name="trend2_label" value="Female trend">
<param name="trend2_color" value="FF3333">
<param name="trend2_line_weight" value="0">
<param name="s2_line_marker" value="ONLY">
<param name="s2_line_marker_type" value="1">
<param name="y_min" value="-100">
</applet>
|
|
Line chart with various x targets
|
|
Line chart with three x axis targets. Two targets span over several x values, while one x target is a singular event at a specific x value.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="line">
<param name="chart_bg" value="FFFFFF">
<param name="applet_bg" value="EEEEEE">
<param name="title_text" value="X-axis targets">
<param name="bar_width" value="60">
<param name="title_font_size" value="18">
<param name="x_target" value="6;11,16,22;26">
<param name="x_target_label" value="Period,Action,Projected">
<param name="x_target_color" value="FFCCCC;CC0000,0000FF,CCFFCC;00CC00">
<param name="x_value" value="1900,1905,1910,1915,1920,1925,1930,1935,1940,1945,1950,1955,1960,
1965,1970,1975,1980,1985,1990,1995,2005,2010,2015,2220,2225,2230">
<param name="s1_value" value="20,22,18,28,24,17,25,29,31,26,22,29,35,34,32,41,36,34,45,42,49,52,54,56,59,62">
<param name="s1_label" value="A">
<param name="s1_color" value="FF0000">
<param name="s1_line_weight" value="2">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="CCCCCC">
<param name="legend_position" value="NONE">
<param name="x_axis_occurrence" value="4">
<param name="grid_line_hor" value="Y">
</applet>
|
|
Pie chart / pie graph example 1
|
|
Pie chart based on 4 series with values shown as percentage outside the pie. The title is shown in italic and the legend in courier font. The x axis values are not displayed and the data value digits are set to 2. The x axis value is disabled by setting the x_axis_value_display to "N".
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="pie">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Pie chart with percentage data values">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="title_font_type" value="Arial">
<param name="title_font_style" value="Plain">
<param name="x_axis_font_color" value="000000">
<param name="x_axis_font_size" value="12">
<param name="x_axis_font_type" value="Arial">
<param name="x_axis_font_style" value="Plain">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="legend_position" value="RIGHT">
<param name="legend_font_color" value="000000">
<param name="legend_font_size" value="16">
<param name="legend_font_type" value="Courier">
<param name="legend_font_style" value="PLAIN">
<param name="data_value" value="OUTSIDE">
<param name="data_value_font_color" value="000000">
<param name="data_value_font_size" value="12">
<param name="data_value_pct" value="Y">
<param name="data_value_font_type" value="Arial">
<param name="data_value_font_style" value="Plain">
<param name="data_value_digits" value="2">
<param name="x_axis_value_display" value="N">
<param name="x_value" value="Jan">
<param name="s1_value" value="23">
<param name="s1_label" value="Apples">
<param name="s1_color" value="66CCCC">
<param name="s2_value" value="8">
<param name="s2_label" value="Plums">
<param name="s2_color" value="6699FF">
<param name="s3_value" value="20">
<param name="s3_label" value="Pears">
<param name="s3_color" value="669966">
<param name="s4_value" value="12">
<param name="s4_label" value="Grapes">
<param name="s4_color" value="33CC66">
</applet>
|
|
3D pie 3D chart / 3D pie graph example 1
|
|
Pie 3D chart based on 4 series with values shown inside the pie. The first serie is set apart from the main pie using the pie explode parameter.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="pie3d">
<param name="depth3D" value="50">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="3D pie chart">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="22">
<param name="title_font_type" value="Arial">
<param name="title_font_style" value="BOLD">
<param name="x_axis_font_color" value="000000">
<param name="x_axis_font_size" value="12">
<param name="x_axis_font_type" value="Arial">
<param name="x_axis_font_style" value="Plain">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="legend_position" value="RIGHT">
<param name="legend_font_color" value="000000">
<param name="legend_font_size" value="16">
<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_color" value="000000">
<param name="data_value_font_size" value="12">
<param name="data_value_pct" value="N">
<param name="data_value_font_type" value="Arial">
<param name="data_value_font_style" value="Plain">
<param name="x_value" value="Jan">
<param name="s1_value" value="23.5">
<param name="s1_label" value="Apples">
<param name="s1_color" value="FFCCCC">
<param name="s1_pie_explode" value="30">
<param name="s2_value" value="8.8">
<param name="s2_label" value="Plums">
<param name="s2_color" value="FF99FF">
<param name="s3_value" value="20.4">
<param name="s3_label" value="Pears">
<param name="s3_color" value="FF9966">
<param name="s4_value" value="12.2">
<param name="s4_label" value="Grapes">
<param name="s4_color" value="FFCC66">
</applet>
|
|
3D pie chart / 3D pie graph example 2
|
|
Pie 3D chart based on 4 series with values in percentage shown outside the pie. The 3D depth has been increased and the legend is shown on the left and the font is set to italic. The x axis value is disabled by setting the x_axis_value_display to "N".
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="pie3d">
<param name="depth3D" value="300">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="3D pie chart with extra 3D depth">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="title_font_type" value="Arial">
<param name="title_font_style" value="Plain">
<param name="x_axis_font_color" value="000000">
<param name="x_axis_font_size" value="12">
<param name="x_axis_font_type" value="Arial">
<param name="x_axis_font_style" value="Plain">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="x_axis_value_display" value="N">
<param name="legend_position" value="LEFT">
<param name="legend_font_color" value="000000">
<param name="legend_font_size" value="16">
<param name="legend_font_type" value="Courier">
<param name="legend_font_style" value="Italic">
<param name="data_value" value="OUTSIDE">
<param name="data_value_font_size" value="12">
<param name="data_value_pct" value="Y">
<param name="data_value_font_type" value="Arial">
<param name="data_value_font_style" value="BOLD">
<param name="x_value" value="Jan">
<param name="s1_value" value="23.5">
<param name="s1_label" value="Apples">
<param name="s1_color" value="3366CC">
<param name="s2_value" value="8.8">
<param name="s2_label" value="Plums">
<param name="s2_color" value="3399FF">
<param name="s3_value" value="20.4">
<param name="s3_label" value="Pears">
<param name="s3_color" value="66CCFF">
<param name="s4_value" value="12.2">
<param name="s4_label" value="Grapes">
<param name="s4_color" value="99CCFF">
</applet>
|
|
Pie chart / pie graph with multiple pies example 1
|
|
Pie 3D chart based on 4 series with values shown inside the pie. Because the x_value contains two values, two pies are shown and the x value appears just below each pie.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="pie">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Pie chart with multiple pies">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="title_font_type" value="Arial">
<param name="title_font_style" value="Plain">
<param name="x_axis_font_color" value="000000">
<param name="x_axis_font_size" value="14">
<param name="x_axis_font_type" value="Arial">
<param name="x_axis_font_style" value="Plain">
<param name="legend_position" value="BOTTOM">
<param name="legend_font_color" value="000000">
<param name="legend_font_size" value="16">
<param name="legend_font_type" value="Courier">
<param name="legend_font_style" value="PLAIN">
<param name="data_value" value="INSIDE">
<param name="data_value_font_color" value="000000">
<param name="data_value_font_size" value="12">
<param name="data_value_pct" value="N">
<param name="data_value_font_type" value="Arial">
<param name="data_value_font_style" value="Plain">
<param name="data_value_digits" value="0">
<param name="x_axis_value_display" value="Y">
<param name="x_value" value="2002,2003">
<param name="s1_value" value="23,21">
<param name="s1_label" value="Apples">
<param name="s1_color" value="66CCCC">
<param name="s2_value" value="8,12">
<param name="s2_label" value="Plums">
<param name="s2_color" value="6699FF">
<param name="s3_value" value="20,30">
<param name="s3_label" value="Pears">
<param name="s3_color" value="669966">
<param name="s4_value" value="12,5">
<param name="s4_label" value="Grapes">
<param name="s4_color" value="33CC66">
</applet>
|
|
3D pie chart / 3D pie graph with multiple pies example 2
|
|
Pie 3D chart based on 4 series with values in percentage shown inside the pie and the digits are set to 0. Because the x_value contains four values, four pies are shown and the x value appears just below each pie.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="pie3d">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="3D pie chart with multiple pies">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="title_font_type" value="Arial">
<param name="title_font_style" value="Plain">
<param name="x_axis_font_color" value="000000">
<param name="x_axis_font_size" value="14">
<param name="x_axis_font_type" value="Arial">
<param name="x_axis_font_style" value="Plain">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="legend_position" value="RIGHT">
<param name="legend_font_color" value="000000">
<param name="legend_font_size" value="12">
<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_color" value="000000">
<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="23,25,3,12">
<param name="s1_label" value="Apples">
<param name="s1_color" value="FFCCCC">
<param name="s2_value" value="3,10,56,45">
<param name="s2_label" value="Plums">
<param name="s2_color" value="FF99FF">
<param name="s3_value" value="11,17,12,2">
<param name="s3_label" value="Pears">
<param name="s3_color" value="FF9966">
<param name="s4_value" value="12.2,18.2,29,22">
<param name="s4_label" value="Grapes">
<param name="s4_color" value="FFCC66">
</applet>
|
|
3D pie chart / 3D pie graph with multiple pies example 2
|
|
Pie 3D chart based on 2 series and 6 x-values.
Back to top
|
<applet code="swiftchart.class" width="400" height="400">
<param name="chart_type" value="pie3d">
<param name="depth3D" value="50">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="3D pie chart">
<param name="title_font_size" value="22">
<param name="title_font_style" value="BOLD">
<param name="title_sub1_text" value="Votes by age group">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="legend_position" value="BOTTOM">
<param name="legend_font_size" value="16">
<param name="data_value" value="INSIDE">
<param name="x_value" value="18 - 30,30 - 40,40 - 50,50 - 60,60 - 70,>70">
<param name="s1_value" value="212,123,421,223,131,243">
<param name="s1_label" value="Yes">
<param name="s2_value" value="112,233,341,323,211,323">
<param name="s2_label" value="No">
</applet>
|
|
Doughnut example 1
|
|
Doughnut chart based on one serie with four values displayed as percentage. The pie border is set to white.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="doughnut">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Doughnut chart">
<param name="title_font_size" value="18">
<param name="legend_position" value="BOTTOM">
<param name="data_value" value="OUTSIDE">
<param name="data_value_font_size" value="12">
<param name="data_value_pct" value="Y">
<param name="x_value" value="London">
<param name="x_axis_value_display" value="N">
<param name="s1_value" value="34">
<param name="s1_label" value="Underground">
<param name="s1_color" value="FFFF99">
<param name="s2_value" value="12">
<param name="s2_label" value="Buses">
<param name="s2_color" value="CCFF66">
<param name="s3_value" value="9">
<param name="s3_label" value="Cars">
<param name="s3_color" value="CCCC66">
<param name="s4_value" value="14">
<param name="s4_label" value="Pedestrians">
<param name="s4_color" value="99CC66">
<param name="pie_border_color" value="FFFFFF">
</applet>
|
|
Doughnut example 2
|
|
Doughnut chart based on four series.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="doughnut">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Multiple doughnut chart">
<param name="title_font_size" value="18">
<param name="legend_position" value="LEFT">
<param name="legend_font_color" value="000000">
<param name="data_value" value="NONE">
<param name="x_value" value="Labour,Conservatives,Liberals,Green">
<param name="s1_value" value="21,12,23,31">
<param name="s1_label" value="Yes">
<param name="s2_value" value="23,35,16,8">
<param name="s2_label" value="No">
</applet>
|
|
Pie chart / pie graph example 2
|
|
Pie graph with serie labels displayed outside the pie graph with line connectors, using the data_value_pct=SERIE and data_value=OUTSIDE2 parameter settings.
Back to top
|
<applet code="swiftchart.class" width="400" height="400">
<param name="title_text" value="Pie with serie data display">
<param name="chart_type" value="PIE">
<param name="chart_bg" value="FFFFFF">
<param name="bg" value="EEEEEE">
<param name="title_font_size" value="18">
<param name="x_value" value="London">
<param name="x_axis_font_size" value="24">
<param name="s1_value" value="10">
<param name="s1_label" value="Car">
<param name="s2_value" value="30">
<param name="s2_label" value="Bus">
<param name="s3_value" value="40">
<param name="s3_label" value="Train">
<param name="s4_value" value="5">
<param name="s4_label" value="Ship">
<param name="s5_value" value="27">
<param name="s5_label" value="Plane">
<param name="s6_value" value="55">
<param name="s6_label" value="Metro">
<param name="s7_value" value="34">
<param name="s7_label" value="Bikes">
<param name="s8_value" value="12">
<param name="s8_label" value="Walk">
<param name="s9_value" value="13">
<param name="s9_label" value="Horse">
<param name="legend_position" value="NONE">
<param name="data_value" value="OUTSIDE2">
<param name="data_value_pct" value="SERIE">
<param name="data_value_font_size" value="14">
</applet>
|
|
Pie chart / pie graph example 3
|
|
Pie graph with serie labels displayed outside the pie graph with line connectors, using the data_value=OUTSIDE2 parameter settings. In addition the data value format has been set to use 1000 delimitors and a $ sign in front of the number (data_value_format=$###,###.##).
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="title_text" value="Pie with data values">
<param name="chart_type" value="PIE">
<param name="chart_bg" value="FFFFFF">
<param name="bg" value="EEEEEE">
<param name="title_font_size" value="18">
<param name="x_value" value="Company A">
<param name="x_axis_font_size" value="16">
<param name="x_axis_font_type" value="COURIER">
<param name="x_axis_font_style" value="BOLD">
<param name="s1_value" value="20000,26700,34000,12000">
<param name="s1_label" value="Software">
<param name="s1_color" value="93D146">
<param name="s2_value" value="47190,56000,23500,23000">
<param name="s2_label" value="Hardware">
<param name="s2_color" value="5D852C">
<param name="s3_value" value="8900,16000,13900,7200">
<param name="s3_label" value="Support">
<param name="s3_color" value="D1B345">
<param name="legend_position" value="BOTTOM">
<param name="legend_font_size" value="14">
<param name="data_value" value="OUTSIDE2">
<param name="data_value_format" value="$###,###.##">
<param name="data_value_font_size" value="14">
<param name="data_value_font_type" value="COURIER">
</applet>
|
|
Pie chart / pie graph example 4
|
|
Pie graph with different 3D pie angle settings.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="PIE3D">
<param name="pie_angle3d" value="90">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Pie angle3d=90">
<param name="title_font_size" value="18">
<param name="x_axis_font_orientation" value="left">
<param name="y_axis_font_style" value="BOLD">
<param name="legend_position" value="BOTTOM">
<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="000000">
<param name="x_value" value="Apples">
<param name="s1_value" value="10">
<param name="s1_color" value="FF9900">
<param name="s1_label" value="2000">
<param name="s2_value" value="8">
<param name="s2_color" value="0099FF">
<param name="s2_label" value="2001">
<param name="s3_value" value="13">
<param name="s3_color" value="99FF00">
<param name="s3_label" value="2002">
</applet>
|
|
Pie chart / pie graph example 4
|
|
3D doughnut qith pie border set to black.
Back to top
|
<applet code="swiftchart.class" width="400" height="400">
<param name="chart_type" value="doughnut3d">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Doughnut 3D">
<param name="title_font_size" value="18">
<param name="legend_position" value="NONE">
<param name="data_value" value="INSIDE">
<param name="data_value_font_size" value="20">
<param name="data_value_font_style" value="BOLD">
<param name="x_value" value="A">
<param name="x_axis_value_display" value="N">
<param name="s1_value" value="15,20">
<param name="s1_label" value="A">
<param name="s1_color" value="0000FF">
<param name="s2_value" value="40,10">
<param name="s2_label" value="B">
<param name="s2_color" value="00FF00">
<param name="s3_value" value="40,20">
<param name="s3_label" value="C">
<param name="s3_color" value="FF0000">
<param name="s4_value" value="20,15">
<param name="s4_label" value="D">
<param name="s4_color" value="FFCC00">
<param name="pie_border_color" value="000000">
<param name="data_value_pct" value="SERIE">
<param name="data_value" value="OUTSIDE2">
</applet> |
|
Stacked bar chart / stacked bar graph example 1
|
|
Stacked bar chart with 3 stacked series. Legend displayed at the bottom and use of various colors.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="stackedbar">
<param name="title_text" value="Stacked bar chart">
<param name="title_font_color" value="FFFFFF">
<param name="title_font_size" value="18">
<param name="title_font_type" value="Dialog">
<param name="title_font_style" value="PLAIN">
<param name="grid_line_hor_type" value="0">
<param name="legend_bg" value="000000">
<param name="legend_border" value="000000">
<param name="grid_line_ver" value="Y">
<param name="grid_line_ver_color" value="FFFFFF">
<param name="grid_line_ver_type" value="0">
<param name="data_value_font_orientation" value="LEFT">
<param name="x_axis_title_text" value="Month since in operation">
<param name="x_axis_title" value="Y">
<param name="x_axis_title_font_color" value="FFCCCC">
<param name="x_axis_title_font_size" value="16">
<param name="x_axis_title_font_type" value="Arial">
<param name="x_axis_title_font_style" value="BOLD">
<param name="y_axis_title_text" value="Costs per item">
<param name="y_axis_title" value="Y">
<param name="y_axis_title_font_color" value="CCCCFF">
<param name="y_axis_title_font_size" value="16">
<param name="y_axis_title_font_type" value="Arial">
<param name="y_axis_title_font_style" value="BOLD">
<param name="depth3D" value="100">
<param name="applet_bg" value="000000">
<param name="chart_bg" value="000000">
<param name="x_axis_font_color" value="FFFFFF">
<param name="x_axis_font_size" value="14">
<param name="x_axis_font_type" value="Times Roman">
<param name="x_axis_font_style" value="NORMAL">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="x_axis_occurrence" value="1">
<param name="y_axis_font_color" value="FFFFFF">
<param name="y_axis_font_size" value="12">
<param name="legend_position" value="BOTTOM">
<param name="legend_font_color" value="FFFFFF">
<param name="legend_font_size" value="12">
<param name="data_value" value="NONE">
<param name="data_value_font_color" value="FFFFFF">
<param name="data_value_font_size" value="10">
<param name="data_value_pct" value="N">
<param name="data_value_font_orientation" value="HORIZONTAL">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_color" value="FFFFFF">
<param name="x_value" value="Jan,Feb,Mar,Apr,May,Jun">
<param name="s1_value" value="20,11,12,13,22,18">
<param name="s1_label" value="serie 1">
<param name="s1_color" value="CC9966">
<param name="s1_line_marker" value="Y">
<param name="s1_line_marker_type" value="8">
<param name="s1_line_weight" value="3">
<param name="s2_value" value="20,21,5,7,12,15">
<param name="s2_label" value="Serie 2">
<param name="s2_color" value="FF9966">
<param name="s2_line_marker" value="Y">
<param name="s2_line_marker_type" value="1">
<param name="s2_line_weight" value="3">
<param name="s3_value" value="30,31,25,22,12,16">
<param name="s3_label" value="Serie 3">
<param name="s3_color" value="99CC99">
<param name="s3_line_marker" value="Y">
<param name="s3_line_marker_type" value="1">
<param name="s3_line_weight" value="3">
<param name="s4_value" value="70,67,55,43,25,42">
<param name="s4_label" value="Serie 4">
<param name="s4_color" value="996666">
<param name="s5_value" value="60,67,32,67,45,28">
<param name="s5_label" value="Serie 5">
<param name="s5_color" value="CCCC33">
<param name="s6_value" value="50,67,32,67,45,28">
<param name="s6_label" value="Serie 6">
<param name="s6_color" value="CC66FF">
</applet>
|
|
Stacked bar chart / stacked bar graph example 2
|
|
Stacked bar chart with 3 stacked series, including negative data and showing data values. The legend is displayed inside, top left and the s1,s2,s3_bar_fill is set to 3, maiking the bars appear as columns.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="chart_type" value="stackedbar">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Stacked bar chart, neg. values">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="data_value" value="INSIDE">
<param name="data_value_font_size" value="12">
<param name="data_value_font_style" value="BOLD">
<param name="data_value_format" value="#,##0; ###)">
<param name="grid_line_hor" value="N">
<param name="x_value" value="Jan,Feb,Mar,Apr">
<param name="s1_value" value="-12,15,18,-13">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="00426A">
<param name="s2_value" value="23,31,28,19">
<param name="s2_label" value="Serie 2">
<param name="s2_color" value="064200">
<param name="s3_value" value="32,43,39,36">
<param name="s3_label" value="Serie 3">
<param name="s3_color" value="993F4E">
<param name="s1_bar_fill" value="3">
<param name="s2_bar_fill" value="3">
<param name="s3_bar_fill" value="3">
<param name="legend_position" value="INTOPLEFT">
</applet>
|
|
Stacked 3D bar chart / stacked 3D bar graph example 1
|
|
Stacked 3D bar chart with 3 stacked series. Bar width set to 30, making the bars appear thin.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="chart_type" value="stackedbar3d">
<param name="depth3d" value="100">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="bar_width" value="30">
<param name="title_text" value="Stacked 3D bar chart">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="x_axis_font_color" value="000000">
<param name="x_axis_font_size" value="12">
<param name="y_axis_font_color" value="000000">
<param name="y_axis_font_size" value="12">
<param name="legend_position" value="RIGHT">
<param name="legend_font_color" value="000000">
<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" value="Y">
<param name="grid_line_color" value="999999">
<param name="x_value" value="Jan,Feb,Mar,Apr">
<param name="s1_value" value="12,15,18,9">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="6699CC">
<param name="s2_value" value="14,21,11,19">
<param name="s2_label" value="Serie 2">
<param name="s2_color" value="99CC99">
<param name="s3_value" value="12,13,19,16">
<param name="s3_label" value="Serie 3">
<param name="s3_color" value="FF9966">
</applet>
|
|
Postfix and prefix example 1
|
|
Stacked bar chart with postfix and prefix data value text using the data_value_format parameter by setting the parameter to [#£] (the # sign represents the actual data value, while the brackets and the pound sign are actually drawn as set.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="stackedbar3d">
<param name="bar_width" value="100">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Stacked bar chart">
<param name="title_font_size" value="18">
<param name="y_axis_title_font_style" value="BOLD">
<param name="title_sub1_text" value="With postfix and prefix data values">
<param name="title_sub1_font_size" value="12">
<param name="legend_position" value="BOTTOM">
<param name="legend_bg" value="EEEEEE">
<param name="legend_border" value="EEEEEE">
<param name="legend_font_size" value="12">
<param name="data_value" value="INSIDE">
<param name="data_value_format" value="[#£]">
<param name="data_value_font_size" value="14">
<param name="data_value_font_style" value="BOLD">
<param name="grid_line_color" value="999999">
<param name="x_value" value="1960,1970,1980,1990,2000,2010">
<param name="s1_value" value="189,137,112,176,96,122">
<param name="s1_label" value="Indian">
<param name="s2_color" value="CCFFFF">
<param name="s2_value" value="159,117,195,112,94,148">
<param name="s2_label" value="Chinese">
<param name="s1_color" value="CCCCFF">
</applet>
|
|
Postfix and prefix example 1
|
|
Stacked line chart based on 3 series. Only every 2nd x-axis value is displayed by using the x_axis_occurrence parameter.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_title" value="Y">
<param name="x_axis_title_text" value="Days of week">
<param name="x_axis_occurrence" value="2">
<param name="chart_type" value="stackedline">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Stacked line chart wbased on large data set">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="legend_position" value="INTOPLEFT">
<param name="legend_font_color" value="000000">
<param name="legend_font_size" value="12">
<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="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="100,115,105,119,135,139,154,162,177,193,196,175,179,184,209,199,195,202,211,230,221,215,196,215,238,221,223,203,188,194,201">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="990000">
<param name="s2_value" value="100,98,80,63,86,95,110,99,109,132,123,121,127,131,115,121,114,96,118,108,128,128,119,128,104,87,112,115,92,68,74">
<param name="s2_label" value="Serie 2">
<param name="s2_color" value="FFFFCC">
<param name="s3_value" value="100,105,98,92,89,86,93,76,80,62,53,78,89,83,90,111,121,126,138,138,127,134,152,149,139,127,132,109,99,102,91">
<param name="s3_label" value="Serie 3">
<param name="s3_color" value="CCCC99">
</applet>
|
|
Stacked 3D line chart / stacked 3D line graph example 2
|
|
Stacked 3D line chart with 3 stacked series. Data values are shown and default value changed to white.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="chart_type" value="stackedline3d">
<param name="depth3d" value="100">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Stacked 3D line chart with data values">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="x_axis_font_color" value="000000">
<param name="x_axis_font_size" value="12">
<param name="y_axis_font_color" value="000000">
<param name="y_axis_font_size" value="12">
<param name="legend_position" value="RIGHT">
<param name="legend_font_color" value="000000">
<param name="legend_font_size" value="12">
<param name="data_value" value="INSIDE">
<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_color" value="999999">
<param name="x_value" value="Jan,Feb,Mar,Apr">
<param name="s1_value" value="12,15,18,11">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="993366">
<param name="s2_value" value="14,21,11,19">
<param name="s2_label" value="Serie 2">
<param name="s2_color" value="996633">
<param name="s3_value" value="12,13,19,16">
<param name="s3_label" value="Serie 3">
<param name="s3_color" value="336699">
</applet>
|
|
Stacked percent line chart / line graph example 1
|
|
Stacked percentage line chart based on 6 series and legend displayed on top.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="stackedlinepct">
<param name="grid_line_hor_type" value="0">
<param name="legend_bg" value="EEEEEE">
<param name="legend_border" value="EEEEEE">
<param name="grid_line_ver" value="Y">
<param name="grid_line_ver_color" value="999999">
<param name="grid_line_ver_type" value="0">
<param name="data_value_font_orientation" value="LEFT">
<param name="x_axis_title_text" value="Months of year">
<param name="x_axis_title" value="N">
<param name="x_axis_title_font_color" value="000000">
<param name="x_axis_title_font_size" value="12">
<param name="x_axis_title_font_type" value="Arial">
<param name="x_axis_title_font_style" value="BOLD">
<param name="y_axis_title_text" value="% of Total">
<param name="y_axis_title" value="N">
<param name="y_axis_title_font_color" value="FF0000">
<param name="y_axis_title_font_size" value="16">
<param name="y_axis_title_font_type" value="Arial">
<param name="y_axis_title_font_style" value="BOLD">
<param name="depth3D" value="100">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="CCCCCC">
<param name="title_text" value="Stacked percent line chart">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="title_font_type" value="Dialog">
<param name="title_font_style" value="PLAIN">
<param name="x_axis_font_color" value="000000">
<param name="x_axis_font_size" value="12">
<param name="x_axis_font_type" value="Times Roman">
<param name="x_axis_font_style" value="Italic">
<param name="x_axis_font_orientation" value="RIGHT">
<param name="x_axis_occurrence" value="1">
<param name="y_axis_font_color" value="000000">
<param name="y_axis_font_size" value="12">
<param name="legend_position" value="TOP">
<param name="legend_font_color" value="000000">
<param name="legend_font_size" value="12">
<param name="data_value" value="NONE">
<param name="data_value_font_color" value="FF0000">
<param name="data_value_font_size" value="10">
<param name="data_value_pct" value="N">
<param name="data_value_font_orientation" value="HORIZONTAL">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_color" value="000000">
<param name="x_value" value="Jan,Feb,Mar,Apr,May,Jun">
<param name="s1_value" value="20,11,12,13,22,18">
<param name="s1_label" value="serie 1">
<param name="s1_color" value="CC9966">
<param name="s1_line_marker" value="Y">
<param name="s1_line_marker_type" value="8">
<param name="s1_line_weight" value="3">
<param name="s2_value" value="20,21,5,7,12,15">
<param name="s2_label" value="Serie 2">
<param name="s2_color" value="FF9966">
<param name="s2_line_marker" value="Y">
<param name="s2_line_marker_type" value="1">
<param name="s2_line_weight" value="3">
<param name="s3_value" value="30,31,25,22,12,16">
<param name="s3_label" value="Serie 3">
<param name="s3_color" value="99CC99">
<param name="s3_line_marker" value="Y">
<param name="s3_line_marker_type" value="1">
<param name="s3_line_weight" value="3">
<param name="s4_value" value="70,67,55,43,25,42">
<param name="s4_label" value="Serie 4">
<param name="s4_color" value="996666">
<param name="s5_value" value="60,67,32,67,45,28">
<param name="s5_label" value="Serie 5">
<param name="s5_color" value="CCCC33">
<param name="s6_value" value="50,67,32,67,45,28">
<param name="s6_label" value="Serie 6">
<param name="s6_color" value="CC66FF">
</applet>
|
|
Postfix and prefix example 1
|
|
Stacked horizontal bar chart based on 5 series. Bar chart items border color is set to black (eg s1_color_border set to 000000.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="chart_type" value="stackedhorbar">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="legend_position" value="BOTTOM">
<param name="title_text" value="Stacked horizontal bar">
<param name="title_font_color" value="000000">
<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_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="CCCCCC">
<param name="x_value" value="Sarah,Paul,Mark,Rebecca,Peter,Tim">
<param name="s1_value" value="5,35,3,9,2,27,4">
<param name="s1_label" value="Car">
<param name="s1_color" value="C84D52">
<param name="s1_color_border" value="000000">
<param name="s2_value" value="24,2,2,19,12,8">
<param name="s2_label" value="Bus">
<param name="s2_color" value="A2BE72">
<param name="s2_color_border" value="000000">
<param name="s3_value" value="1,0,39,16,14,6">
<param name="s3_label" value="Train">
<param name="s3_color" value="FFF392">
<param name="s3_color_border" value="000000">
<param name="s4_value" value="22,3,6,16,1,2">
<param name="s4_label" value="Walking">
<param name="s4_color" value="3C6F00">
<param name="s4_color_border" value="000000">
<param name="s5_value" value="2,1,9,6,22,3">
<param name="s5_label" value="Other">
<param name="s5_color" value="FF5959">
<param name="s5_color_border" value="000000">
</applet> |
|
Postfix and prefix example 1
|
|
Stacked horizontal 3D bar chart based on 2 series. Data values are displayed and rotated to the right.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="chart_type" value="stackedhorbar3d">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="legend_position" value="INBOTTOMRIGHT">
<param name="title_text" value="Stacked horizontal bar">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="data_value" value="INSIDE">
<param name="data_value_font_orientation" value="RIGHT">
<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="999999">
<param name="x_value" value="2000,2001,2002,2003,2004,2005">
<param name="s1_value" value="5,35,13,9,12,27,4">
<param name="s1_label" value="Car">
<param name="s1_color" value="CCCCFF">
<param name="s1_color_border" value="000000">
<param name="s2_value" value="24,12,22,19,12,8">
<param name="s2_label" value="Bus">
<param name="s2_color" value="CCFFFF">
<param name="s2_color_border" value="000000">
</applet>
|
|
Stecked horizontal bar example
|
|
Population pyramid chart, using the stacked horizontal bar chart type.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">:
<param name="x_axis_font_orientation" value="HORIZONTAL">:
<param name="chart_type" value="stackedhorbar">:
<param name="applet_bg" value="EEEEEE">:
<param name="chart_bg" value="FFFFFF">:
<param name="legend_position" value="INTOPRIGHT">:
<param name="title_text" value="Population pyramid">:
<param name="title_font_size" value="18">:
<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="CCCCCC">:
<param name="x_value" value="100+,95-99,90-94,85-89,80-84,75-79,70-74,65-69,60-64,55-59,50-54,45-49,40-44,35-39,30-34
,25-29,20-24,15-19,10-14,5-9,0-4">:
<param name="s1_value" value="-0.0022,-0.0214,-0.1153,-0.3819,-0.8922,-1.5721,-2.3480,-2.8559,-3.3038,-4.4960,-6.3259
,-6.1515,-7.8238,-9.4984,-9.0287,-7.2706,-7.7937,-9.4350,-7.7048,-6.9200,-6.0579">:
<param name="s1_label" value="Women">:
<param name="s1_color" value="990066">:
<param name="s2_value" value="0.0004,0.0063,0.0492,0.2100,0.6078,1.2752,2.1203,2.7765,3.2938,4.5047,6.2235,6.2097,7.7017
,9.4301,8.9336,7.1970,7.8015,9.6374,8.0702,7.4404,6.5097">:
<param name="s2_label" value="Men">:
<param name="s2_color" value="006699">:
<param name="y_unit" value="2">:
<param name="y_axis_value_format" value="#; #">:
<param name="x_axis_title" value="Y">:
<param name="x_axis_title_text" value="Age group in % of total population">:
<param name="x_axis_title_font_style" value="BOLD">:
</applet>:
|
|
Stacked 3D bar chart / stacked 3D bar graph example 2
|
|
Stacked bar chart based on 3 series with data values displayed outside (on top) of bar. Legend displayed inside the chart area, top right. Serie data not being provided (450,,780,112,331,330), is not displayed). A $ sign is added to the y-axis values using the y_axis_value_format paramater.
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="FFFFFF">
<param name="title_text" value="Stacked bar chart with data values outside">
<param name="title_font_size" value="18">
<param name="y_axis_value_format" value="$ ##">
<param name="legend_position" value="INTOPRIGHT">
<param name="legend_font_size" value="12">
<param name="data_value" value="OUTSIDE">
<param name="data_value_font_size" value="12">
<param name="data_value_font_style" value="BOLD">
<param name="data_value_font_orientation" value="right">
<param name="grid_line_hor" value="N">
<param name="grid_line_hor_color" value="999999">
<param name="x_value" value="1,2,3,4,5,Others">
<param name="s1_value" value="1480,120,1380,289,443,444">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="FFCC00">
<param name="s2_value" value="1220,1100,1230,233,332,333">
<param name="s2_label" value="Serie 2">
<param name="s2_color" value="009900">
<param name="s3_value" value="450,,780,112,331,330">
<param name="s3_label" value="Serie 3">
<param name="s3_color" value="CC0000">
</applet>
|
|
XY chart / XY graph example 1
|
|
XY (scatter) chart with 2 series and different line markers. The chart border is disabled and the x and y unit lines are disabled as well.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="xy">
<param name="chart_border_display" value="N">
<param name="x_unit_display" value="n">
<param name="y_unit_display" value="n">
<param name="applet_bg" value="BBDDFF">
<param name="chart_bg" value="6699CC">
<param name="title_text" value="XY chart with two line types">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="x_axis_font_color" value="000000">
<param name="x_axis_font_size" value="12">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="y_axis_font_color" value="000000">
<param name="y_axis_font_size" value="12">
<param name="legend_position" value="BOTTOM">
<param name="legend_font_color" value="000000">
<param name="legend_bg" value="BBDDFF">
<param name="legend_border" value="BBDDFF">
<param name="legend_font_size" value="12">
<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="FFFFFF">
<param name="grid_line_ver" value="Y">
<param name="grid_line_ver_type" value="0">
<param name="grid_line_ver_color" value="FFFFFF">
<param name="x_value" value="14,22,12,34,5,18">
<param name="s1_value" value="23,31,28,19,16,22">
<param name="s1_label" value="marker and line">
<param name="s1_color" value="006633">
<param name="s1_line_marker" value="Y">
<param name="s1_line_marker_type" value="8">
<param name="s1_line_weight" value="2">
<param name="s2_value" value="32,43,39,36,41,43">
<param name="s2_label" value="just markers">
<param name="s2_color" value="990000">
<param name="s2_line_marker" value="ONLY">
<param name="s2_line_marker_type" value="7">
<param name="s2_line_weight" value="3">
</applet>
|
|
XY chart / XY graph example 2
|
|
XY (scatter) chart with negative x and negative y values.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="xy">
<param name="applet_bg" value="FFFFFF">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="XY chart with negative x and y data">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="x_axis_font_color" value="000000">
<param name="x_axis_font_size" value="12">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="y_axis_font_color" value="000000">
<param name="y_axis_font_size" value="12">
<param name="legend_position" value="NONE">
<param name="legend_font_size" value="12">
<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="000000">
<param name="grid_line_ver" value="Y">
<param name="grid_line_ver_type" value="0">
<param name="grid_line_ver_color" value="000000">
<param name="x_unit" value="10">
<param name="y_unit" value="10">
<param name="x_value" value="-16,-12,-9,-5,2,6,8,12,16,36">
<param name="s1_value" value="45,42,34,29,15,22,9,5,-8,-22">
<param name="s1_label" value="marker and line">
<param name="s1_color" value="006633">
<param name="s1_line_marker" value="Y">
<param name="s1_line_marker_type" value="8">
<param name="s1_line_weight" value="2">
</applet>
|
|
XY chart / XY graph example 3
|
|
XY (scatter) chart with data values displayed.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="xy">
<param name="applet_bg" value="FFFFFF">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="XY chart with data values displayed">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="x_axis_title" value="Y">
<param name="x_axis_title_text" value="Voltage applied">
<param name="x_axis_title_font_color" value="000000">
<param name="x_axis_title_font_size" value="12">
<param name="x_axis_title_font_style" value="BOLD">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="y_axis_title" value="Y">
<param name="y_axis_title_text" value="Atom penetration [nm]">
<param name="y_axis_title_font_color" value="000000">
<param name="y_axis_title_font_size" value="12">
<param name="y_axis_title_font_style" value="BOLD">
<param name="x_axis_font_color" value="000000">
<param name="x_axis_font_size" value="12">
<param name="y_axis_font_color" value="000000">
<param name="y_axis_font_size" value="12">
<param name="legend_position" value="NONE">
<param name="data_value" value="OUTSIDE">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="000000">
<param name="grid_line_ver" value="Y">
<param name="grid_line_ver_type" value="0">
<param name="grid_line_ver_color" value="000000">
<param name="x_unit" value="5">
<param name="y_unit" value="10">
<param name="x_value" value="16,12,9,5,2,6,8,12,16,36">
<param name="s1_value" value="45,42,4,9,5,12,9,22,18,52">
<param name="s1_label" value="marker and line">
<param name="s1_color" value="990000">
<param name="s1_line_marker" value="ONLY">
<param name="s1_line_marker_type" value="5">
</applet>
|
|
Date based x-axis graph example
|
|
XY line graph with x-axis based on dates. The main parameters for date based x-axis are x_axis_date, x_axis_date and x_axis_date_format_display.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="xy">
<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="dd-MMM">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Scatter with date based x-axis example">
<param name="title_font_size" value="18">
<param name="x_axis_font_orientation" value="left">
<param name="y_axis_font_style" value="BOLD">
<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_ver" value="Y">
<param name="grid_line_ver_type" value="0">
<param name="grid_line_ver_color" value="000000">
<param name="x_value" value="11-01-2000,20-01-2000,21-01-2000,2-02-2000,25-02-2000">
<param name="s1_value" value="1,2,3,4,5">
<param name="s1_color" value="006600">
<param name="s1_line_weight" value="2">
<param name="s1_line_marker" value="Y">
<param name="s1_line_marker_type" value="8">
<param name="x_min" value="01-01-2000">
<param name="x_max" value="01-03-2000">
<param name="x_unit" value="DAY;10">
</applet> |
|
