|
Back to Examples
|
Bar chart / bar graph example 1
|
|
Bar chart with 1 serie. X axis data values are rotated to the right and data values shown within bar (rotated to the right). The y-axis unit is set to 500. Two sub-titles are added with different font sizes.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_font_orientation" value="RIGHT">
<param name="chart_type" value="bar">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="66CCFF">
<param name="title_text" value="Bar chart with labels">
<param name="title_font_size" value="18">
<param name="title_sub1_text" value="Data values displayed">
<param name="title_sub2_text" value="including sub titles">
<param name="title_sub2_font_size" value="11">
<param name="legend_position" value="NONE">
<param name="data_value_font_size" value="10">
<param name="data_value_font_orientation" value="right">
<param name="data_value" value="inside">
<param name="data_value_font_color" value="990000">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="x_value" value="Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec">
<param name="s1_value" value="1678,1834,3238,2429,3132,1928,987,2765,1178,1897,2208,2897">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="FFCC00">
<param name="x_axis_title" value="Y">
<param name="x_axis_title_text" value="Year 2003">
<param name="x_axis_title_font_style" value="BOLD">
<param name="y_unit" value="500">
</applet>
|
|
Bar Chart / bar graph example 2
|
|
Bar chart with 1 serie and negative data. Data values shown INSIDE bar in white and rotated to the half left. X and y axis titles enabled. Legend displayed on top.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_font_orientation" value="HALFLEFT">
<param name="x_axis_font_style" value="BOLD">
<param name="chart_type" value="bar">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="CCCCFF">
<param name="title_text" value="Bar chart with negative values">
<param name="title_font_size" value="18">
<param name="y_axis_title" value="Y">
<param name="y_axis_title_text" value="US$ [mil]">
<param name="legend_position" value="top">
<param name="legend_border" value="CCCCFF">
<param name="legend_bg" value="CCCCFF">
<param name="data_value" value="INSIDE">
<param name="data_value_font_orientation" value="LEFT">
<param name="data_value_font_color" value="FFFFFF">
<param name="data_value_font_size" value="10">
<param name="data_value_font_style" value="bold">
<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="FFFFFF">
<param name="grid_line_color" value="999999">
<param name="x_value" value="France,Spain,UK,USA,Italy,Brazil,Poland,India,Peru,China">
<param name="s1_value" value="-15,18,12,-6,16,9,-12,-5,7,12">
<param name="s1_label" value="Annual revenue">
<param name="s1_color" value="990000">
</applet>
|
|
Bar chart / bar graph example 3
|
|
Bar chart with 2 series. Legend displayed at the top inside the chart and x and y axis titles displayed. Chart border set to grey (999999), while the chart bar borders are drawn black using the s1_color_border and s2_color_border parameter.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_font_orientation" value="LEFT">
<param name="chart_type" value="bar">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="CCCCFF">
<param name="title_text" value="Bar chart with negative values">
<param name="title_font_size" value="18">
<param name="x_axis_title" value="Y">
<param name="x_axis_title_text" value="Top ten countries">
<param name="x_axis_title_font_size" value="12">
<param name="x_axis_title_font_style" value="BOLD">
<param name="y_axis_title" value="Y">
<param name="y_axis_title_text" value="US$ [mil]">
<param name="legend_position" value="top">
<param name="legend_border" value="CCCCFF">
<param name="legend_bg" value="CCCCFF">
<param name="data_value" value="INSIDE">
<param name="data_value_font_orientation" value="LEFT">
<param name="data_value_font_color" value="FFFFFF">
<param name="data_value_font_size" value="10">
<param name="data_value_font_style" value="bold">
<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="FFFFFF">
<param name="grid_line_color" value="999999">
<param name="x_value" value="France,Spain,UK,USA,Italy,Brazil,Poland,India,Peru,China">
<param name="s1_value" value="-15,18,12,-6,16,9,-12,-5,7,12">
<param name="s1_label" value="Annual revenue">
<param name="s1_color" value="990000">
</applet>
|
|
3D bar chart / 3D bar graph example 1
|
|
3D bar chart with negative data. The 3D depth is set to 200 and the bar width is set to 25, making the bar thin and deep.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="chart_type" value="bar3d">
<param name="depth3d" value="200">
<param name="bar_width" value="25">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFCC">
<param name="title_text" value="3D Bar chart with neg. 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="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="x_value" value="1,2,3,4,5,6,7,8,9,10,11,12">
<param name="s1_value" value="-12,34,11,9,-32,-28,-10,5,17,8,18,22">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="99CC33">
</applet>
|
|
3D bar chart / 3D bar graph example 2
|
|
3D bar chart with 5 series. The x values are not displayed. The default colours are used.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="bar3d">
<param name="bar_width" value="80">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="3D Bar chart with 5 series">
<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="y_unit" value="5">
<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="grid_line_hor_type" value="1">
<param name="x_value" value="none">
<param name="x_axis_value_display" value="N">
<param name="s1_value" value="22">
<param name="s1_label" value="Berlin">
<param name="s2_value" value="12">
<param name="s2_label" value="London">
<param name="s3_value" value="17">
<param name="s3_label" value="Paris">
<param name="s4_value" value="29">
<param name="s4_label" value="Madrid">
<param name="s5_value" value="9">
<param name="s5_label" value="Rome">
</applet>
|
|
3D bar chart / 3D bar graph example 3
|
|
3D bar chart with 2 series and the bar width increased to 100. Data values are displayed and rotated to the left.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="bar">
<param name="chart_border_color" value="999999">
<param name="bar_width" value="70">
<param name="applet_bg" value="FFFFFF">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Bar chart with multiple series">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<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="x_axis_title" value="Y">
<param name="x_axis_title_text" value="* Introduction of compulsary foreign language since 1992">
<param name="y_axis_title" value="Y">
<param name="y_axis_title_text" value="% of people with good knowledge">
<param name="y_axis_title_font_style" value="BOLD">
<param name="y_unit" value="5">
<param name="legend_position" value="BOTTOM">
<param name="legend_font_color" value="000000">
<param name="legend_bg" value="FFFFFF">
<param name="legend_border" value="FFFFFF">
<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="CCCCCC">
<param name="y_unit_color" value="999999">
<param name="x_value" value="1960,1970,1980,1990,2000,2010">
<param name="s1_value" value="15,17,12,6,16,22">
<param name="s1_label" value="French">
<param name="s2_color" value="FF9966">
<param name="s2_value" value="9,7,5,12,14,18">
<param name="s2_label" value="German">
<param name="s1_color" value="6699CC">
</applet>
|
|
Bar chart / Bar graph example 4
|
|
Bar chart based on large data set. The bar width is set to 100 which makes the graph look like an area graph.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="bar">
<param name="bar_width" value="100">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Bar Chart based on large Data Set">
<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_axis_occurrence" value="6">
<param name="x_axis_font_orientation" value="LEFT">
<param name="x_value" value="00:00,00:10,00:20,00:30,00:40,00:50,01:00,01:10,01:20,01:30
40,01:50,02:00,02:10,02:20,02:30,02:40,02:50,03:00,03:10,03:20,03:30,03:40,03:50,04:00,04:10
,04:20,04:30,04:40,04:50,05:00,05:10,05:20,05:30,05:40,05:50,06:00,06:10,06:20,06:30,06:40,06:50
,07:00,07:10,07:20,07:30,07:40,07:50,08:00,08:10,08:20,08:30,08:40,08:50,09:00,09:10,09:20,09:30
,09:40,09:50,10:00,10:10,10:20,10:30,10:40,10:50,11:00,11:10,11:20,11:30,11:40,11:50,12:00,12:10
,12:20,12:30,12:40,12:50,13:00,13:10,13:20,13:30,13:40,13:50,14:00,14:10,14:20,14:30,14:40,14:50
,15:00,15:10,15:20,15:30,15:40,15:50,16:00,16:10,16:20,16:30,16:40,16:50,17:00,17:10,17:20,17:30
,17:40,17:50,18:00,18:10,18:20,18:30,18:40,18:50,19:00,19:10,19:20,19:30,19:40,19:50,20:00,20:10
,20:20,20:30,20:40,20:50,21:00,21:10,21:20,21:30,21:40,21:50,22:00,22:10,22:20,22:30,22:40,22:50
,23:00,23:10,23:20,23:30,23:40,23:50">
<param name="s1_value" value="100,119,118,139,149,170,190,193,202,201,203,206,217,209,200,192
,188,177,174,185,176,192,185,177,197,211,201,210,216,218,217,210,206,210,223,215,196,206,217,235
,220,226,244,261,277,297,301,310,320,336,326,327,327,316,320,329,323,341,338,319,339,347,344,325
,339,339,324,324,318,325,308,317,322,335,322,307,306,286,283,272,255,265,247,259,239,219,207,189
,201,199,219,230,226,245,264,282,264,261,263,277,297,310,314,323,330,335,349,335,339,333,338,324
,305,311,300,317,322,304,296,302,322,335,329,327,317,303,284,268,265,249,247,253,267,284,270,289
,299,306,325,322,302,312,309,325,305,322,330,347,333,347,337,332,312,330,331,315,295,298,313,326
,306,315,326,311,309,300,283,270,262,254,241,224,227,245,237,256,267,285,276,272,272,289,285,294
,311,329,316,327">
<param name="s1_label" value="Population">
</applet>
|
|
Bar chart / Bar graph example 5
|
|
Bar chart with multiple colors within the same serie, by defining each color as part of the s1_color parameter.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="BAR">
<param name="title_text" value="Bar Chart with multiple Colors">
<param name="title_font_size" value="18">
<param name="chart_bg" value="8AB500">
<param name="bg" value="EEEEEE">
<param name="chart_border_color" value="000000">
<param name="x_value" value="Jan,Feb,Mar,Apr">
<param name="x_axis_font_size" value="16">
<param name="x_axis_font_style" value="BOLD">
<param name="s1_value" value="100,160,70,130">
<param name="s1_label" value="Serie 2">
<param name="s1_color" value="B58100,B52A00,B56F5A,783B28">
<param name="legend_position" value="NONE">
<param name="legend_BORDER_DISPLAY" value="N">
<param name="y_axis_font_size" value="16">
<param name="y_axis_font_style" value="BOLD">
<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="s1_trend_color" value="00FF00">
</HTML> |
|
Bar chart / Bar graph example 6
|
|
Black and whit bar chart whith most fonts set to Courier. The legend is displayed in the chart area by setting the legend_position to INTOPRIGHT. Bars are filled with grid and lines using the FILL parameter.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="BAR">
<param name="title_text" value="Bar Chart - Black and White">
<param name="title_font_size" value="18">
<param name="chart_bg" value="999999">
<param name="bg" value="EEEEEE">
<param name="chart_border_color" value="000000">
<param name="x_value" value="Cats,Dogs,Fish,Mice">
<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="90,60,50,40">
<param name="s1_label" value="Male">
<param name="s1_color" value="000000">
<param name="s1_color_border" value="000000">
<param name="s1_bar_fill" value="13">
<param name="s2_value" value="80,20,70,30">
<param name="s2_label" value="Female">
<param name="s2_color" value="000000">
<param name="s2_color_border" value="000000">
<param name="s2_bar_fill" value="8">
<param name="data_value" value="OUTSIDE">
<param name="data_value_font_size" value="14">
<param name="data_value_font_type" value="COURIER">
<param name="data_value_font_style" value="BOLD">
<param name="legend_position" value="INTOPRIGHT">
<param name="y_axis_font_size" value="16">
<param name="y_axis_font_style" value="BOLD">
<param name="y_axis_font_type" value="COURIER">
<param name="legend_font_type" value="COURIER">
<param name="y_unit" value="20">
<param name="grid_line_hor" value="Y">
<param name="grid_line_hor_type" value="0">
<param name="grid_line_hor_color" value="FFFFFF">
</applet>
|
|
Bar chart / Bar graph example 7
|
|
Bar chart with multiple y-axis, by using the powerful grouping functionality. In this example data series 1 and 2 are grouped together (group 1) and data series 3 and 4 are grouped together (group 2) using the s1_group and s2_group parameters. The position for the y-axis is defined for each group using the group1_y_axis_position and group2_y_axis_position. The automatic scaling of the y-axis is generated for each y-axis.
Back to top
|
<applet code="swiftchart.class" width="400" height="400">
<param name="chart_type" value="bar">
<param name="depth3d" value="100">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Bar Chart with multiple Y Axis">
<param name="title_font_size" value="18">
<param name="legend_position" value="INTOP">
<param name="legend_border" value="FFFFFF">
<param name="grid_line" value="Y">
<param name="grid_line_color" value="999999">
<param name="x_value" value="Jan,Feb,Mar,Apr,May,Jun">
<param name="s1_value" value="6.228,7.450,8.623,9.855,6.408,8.680">
<param name="s1_label" value="Show 1: visitors">
<param name="s1_color" value="E2CC71">
<param name="s2_value" value="2.228,2.450,2.623,2.855,1.987,2.380">
<param name="s2_label" value="Show 2: visitors">
<param name="s2_color" value="E2B500">
<param name="s3_value" value="60,75,112,122,104,96">
<param name="s3_label" value="Show 1: shows">
<param name="s3_color" value="98B789">
<param name="s4_value" value="80,95,102,94,78,108">
<param name="s4_label" value="Show 2: shows">
<param name="s4_color" value="427A28">
<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="R1">
<param name="y_axis_offset" value="8">
<param name="x_axis_title" value="Y">
<param name="x_axis_title_text" value="Number of visitors in 1000">
</applet>
|
|
Bar chart / Bar graph example 8
|
|
Multiple bar chart, by using the powerful grouping functionality. In this example data series 1 is assigned to group 1, while data series 2, 3 and 4 are grouped together (group 2) using the s1_group and s2_group parameters. The position for the y-axis is defined for each group using the group1_y_axis_position and group2_y_axis_position. The automatic scaling of the y-axis is generated for each y-axis.
Back to top
|
<applet code="swiftchart.class" width="400" height="400">
<param name="chart_type" value="bar">
<param name="depth3d" value="100">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="3D Bar chart">
<param name="title_font_size" value="18">
<param name="legend_position" value="BOTTOM">
<param name="grid_line" value="Y">
<param name="grid_line_color" value="999999">
<param name="x_value" value="Jan,Feb,Mar,Apr,May,Jun">
<param name="s1_value" value="235,276,298,210,186,256">
<param name="s1_label" value="Hits">
<param name="s1_color" value="98B789">
<param name="s2_value" value="12,23,18,29,18,33">
<param name="s2_label" value="CPU1 usage">
<param name="s2_color" value="8B9BBA">
<param name="s3_value" value="56,49,67,78,54,84">
<param name="s3_label" value="CPU2 usage">
<param name="s3_color" value="29447B">
<param name="s4_value" value="69,53,38,48,41,56">
<param name="s4_label" value="CPU3 usage">
<param name="s4_color" value="5D7CBA">
<param name="s1_group" value="1">
<param name="s2_group" value="2">
<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_y_max" value="100">
<param name="group2_y_unit" value="25">
<param name="group1_grid_line_hor" value="N">
<param name="group2_grid_line_hor_type" value="0">
<param name="group2_grid_line_hor_color" value="CCCCCC">
<param name="y_axis_title" value="Y">
<param name="y_axis_title_font_style" value="BOLD">
<param name="chart1_y_axis_title_text" value="Site hits">
<param name="chart2_y_axis_title_text" value="CPU measure">
</applet>
|
|
Bar chart / Bar graph example 9
|
|
Multiple bar chart with multiple y-axis, by using the powerful grouping functionality. In this example each data serie is assigned to a group. The position for the y-axis is defined for each group using the group1_y_axis_position to group6_y_axis_position. The automatic scaling of the y-axis is generated for each y-axis. The two charts have different sizes - 30% and 70% - defined using the chart_height value.
Back to top
|
<applet code="swiftchart.class" width="400" height="400">
<param name="chart_type" value="bar">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Multiple bar chart with multi y-axis">
<param name="title_font_size" value="18">
<param name="legend_position" value="BOTTOM">
<param name="legend_font_size" value="11">
<param name="y_axis_font_size" value="11">
<param name="grid_line" value="Y">
<param name="grid_line_color" value="999999">
<param name="x_value" value="China,India,USA,Indonisia">
<param name="s1_value" value="1.247,1.009,.273,.216">
<param name="s1_label" value="Population">
<param name="s1_color" value="859EB2">
<param name="s2_value" value="5,2.9,37.8,3.2">
<param name="s2_label" value="GDP pc in 1000">
<param name="s2_color" value="8B692E">
<param name="s3_value" value="0.77,1.68,0.85,1.46">
<param name="s3_label" value="Growth [%]">
<param name="s3_color" value="275376">
<param name="s4_value" value="71,64,80,65">
<param name="s4_label" value="Life expect.">
<param name="s4_color" value="453417">
<param name="s5_value" value="15.10,25.39,14.30,22.78">
<param name="s5_label" value="Birth Rate">
<param name="s5_color" value="0062B2">
<param name="s6_value" value="85,57,,87">
<param name="s6_label" value="Literacy [%]">
<param name="s6_color" value="D18400">
<param name="s1_group" value="1">
<param name="s2_group" value="2">
<param name="s3_group" value="3">
<param name="s4_group" value="4">
<param name="s5_group" value="5">
<param name="s6_group" value="6">
<param name="group1_y_axis_position" value="L1">
<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="R1">
<param name="group6_y_axis_position" value="R2">
<param name="group1_grid_line_hor" value="N">
<param name="group2_grid_line_hor" value="N">
<param name="group3_grid_line_hor" value="N">
<param name="group4_grid_line_hor" value="N">
<param name="group5_grid_line_hor" value="N">
<param name="group6_grid_line_hor" value="N">
<param name="group1_y_axis_font_color" value="859EB2">
<param name="group1_y_unit_color" value="859EB2">
<param name="group2_y_axis_font_color" value="8B692E">
<param name="group2_y_unit_color" value="8B692E">
<param name="group3_y_axis_font_color" value="275376">
<param name="group3_y_unit_color" value="275376">
<param name="group4_y_axis_font_color" value="453417">
<param name="group4_y_unit_color" value="453417">
<param name="group5_y_axis_font_color" value="0062B2">
<param name="group5_y_unit_color" value="0062B2">
<param name="group6_y_axis_font_color" value="D18400">
<param name="group6_y_unit_color" value="D18400">
<param name="y_axis_offset" value="7">
<param name="y_axis_font_style" value="BOLD">
<param name="y_axis_value_format" value="#0.#">
<param name="chart1_height" value="30">
<param name="chart2_height" value="70">
<param name="chart3_height" value="30">
<param name="chart4_height" value="70">
<param name="chart5_height" value="30">
<param name="chart6_height" value="70">
<param name="<applet>
|
|
Multiple charts example 3
|
|
Multiple chart based on 3 y axis and 3 charts. The lowest chart is a groupedchart. Multiple charts and y axis are created by using the group based parameters.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="bar3d">
<param name="depth3D" value="300">
<param name="chart_bg" value="FFFFFF">
<param name="bg" value="FFFFFF">
<param name="title_text" value="3D multiple charts">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="x_value" value="J,F,M,A,M,J,J,A,S,O,N,D">
<param name="s1_value" value="38,42,97,65,49,78,87,94,65,81,78,56">
<param name="s1_label" value="Cats">
<param name="s1_color" value="669900">
<param name="s2_value" value="21,23,42,14,15,18,22,23,32,34,44,52">
<param name="s2_label" value="Dogs">
<param name="s2_color" value="996600">
<param name="s3_value" value="78,33,45,87,98,34,97,87,20,20,12,75">
<param name="s3_label" value="Vets">
<param name="s3_color" value="CC9900">
<param name="s4_value" value="38,32,25,17,28,14,12,17,20,20,22,25">
<param name="s4_label" value="Hospitals">
<param name="s4_color" value="FF6633">
<param name="s1_group" value="1">
<param name="s2_group" value="1">
<param name="s3_group" value="2">
<param name="s4_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="group1_y_unit" value="20">
<param name="group2_y_unit" value="20">
<param name="group3_y_unit" value="10">
<param name="group2_grid_line_hor" value="n">
<param name="group3_grid_line_hor" value="n">
<param name="group1_y_axis_position" value="L1">
<param name="group2_y_axis_position" value="L2">
<param name="group3_y_axis_position" value="L3">
<param name="grid_line_ver" value="n">
<param name="legend_position" value="RIGHT">
</applet>
|
|
Unicode example 2
|
|
Chinese unicode example based on the MS Song font.
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="Chinese unicode example">
<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_type" value="Ms Song">
<param name="x_axis_title" value="Y">
<param name="x_axis_title_text" value="\u8bed\u8a00\u4f8b\u5b50">
<param name="x_axis_title_font_size" value="18">
<param name="x_axis_title_font_type" value="Ms Song">
<param name="y_axis_title" value="Y">
<param name="y_axis_title_font_type" value="Ms Song">
<param name="y_axis_font_size" value="12">
<param name="y_axis_title_text" value="\u85aa\u91d1">
<param name="y_axis_title_font_size" value="18">
<param name="y_axis_font_type" value="Ms Song">
<param name="y_axis_font_color" value="000000">
<param name="legend_position" value="BOTTOM">
<param name="legend_font_type" value="Ms Song">
<param name="legend_border" value="EEEEEE">
<param name="legend_bg" value="EEEEEE">
<param name="legend_font_size" value="12">
<param name="data_value" value="INSIDE">
<param name="data_value_font_color" value="FFFFFF">
<param name="data_value_font_size" value="12">
<param name="data_value_font_style" value="bold">
<param name="grid_line_hor" value="N">
<param name="grid_line_color" value="999999">
<param name="x_value" value="\u4e2d\u56fd,\u6cd5\u56fd,\u65e5\u672c,\u5fb7\u56fd,\u5e0c\u814a">
<param name="s1_value" value="15,18,12,6,16,9,12,5,7,12">
<param name="s1_label" value="\u7537\u4eba">
<param name="s1_color" value="990000">
<param name="s2_value" value="8,12,13,4,12,13,9,8,4,15">
<param name="s2_label" value="\u5987\u5973">
<param name="s2_color" value="009900">
</applet>
|
|
Horizontal bar chart / horizontal bar graph example 1
|
|
Horizontal bar chartwith data values displayed. Data value is set to AUTO which positions the data value either inside or outside the bar depending on available space. Bar width is set to 70 making the bars slightly wider than the default (60). The y-axis text is aligned LEFT, using the y_axis_text_align.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="horbar">
<param name="chart_border_display" value="N">
<param name="1x_axis_font_orientation" value="RIGHT">
<param name="applet_bg" value="CCDDFF">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Horizontal bar chart with labels">
<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="y_axis_text_align" value="LEFT">
<param name="legend_position" value="RIGHT">
<param name="legend_font_color" value="000000">
<param name="legend_border_color" value="CCDDFF">
<param name="legend_font_size" value="12">
<param name="data_value" value="AUTO">
<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="US,Canada,UK,Japan">
<param name="s1_value" value="1678,1834,3238,2429">
<param name="s1_label" value="2003">
<param name="s1_color" value="FF9966">
<param name="s1_bar_fill" value="20">
<param name="s2_value" value="2564,2278,1239,3412">
<param name="s2_label" value="2002">
<param name="s2_color" value="FF6699">
<param name="s2_bar_fill" value="20">
<param name="y1_target" value="2700">
<param name="y1_target_label" value="Maximum">
<param name="y1_target_color" value="000099">
<param name="y1_target_font" value="Courier;BOLD;16">
</applet>
|
|
Horizontal 3D bar chart / horizontal 3D bar graph example 1
|
|
Horizontal bar chart with negative values and data values displayed.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_font_orientation" value="RIGHT">
<param name="chart_type" value="horbar3d">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Horizontal bar chart with labels">
<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="LEFT">
<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_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="Jan,Feb,Mar,Apr,May,Jun">
<param name="s1_value" value="1678,-1834,3238,-2429,3132,1928">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="CCCC99">
</applet>
|
|
Horizontal 3D bar chart / horizontal 3D bar graph example 2
|
|
Horizontal bar chart with two series and data values displayed.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="horbar3d">
<param name="depth3d" value="100">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Horizontal 3D bar chart with multiple series">
<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="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="data_value" value="INSIDE">
<param name="data_value_font_color" value="000000">
<param name="data_value_font_size" value="10">
<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="Y">
<param name="grid_line_ver_type" value="1">
<param name="grid_line_ver_color" value="999999">
<param name="x_value" value="Jan,Feb,Mar,Apr">
<param name="s1_value" value="35,47,32,66,46">
<param name="s1_label" value="Serie 1">
<param name="s2_color" value="FF9966">
<param name="s2_value" value="76,52,48,74,66">
<param name="s2_label" value="Serie 2">
<param name="s1_color" value="6699CC">
</applet>
|
|
Unicode example 1
|
|
Multi-language fonts based on unicode characters - Greek, Spanish, German, Russian and French.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="horbar">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="99CC66">
<param name="title_text" value="Chart with unicode text">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="22">
<param name="x_axis_font_color" value="000000">
<param name="x_axis_font_size" value="18">
<param name="x_axis_title" value="Y">
<param name="x_axis_title_text" value="\u041f\u0440\u0438\u043c\u0435\u0440 \u043f\u043e\u0434\u0434
\u0435\u0440\u0436\u043a\u0438 \u044f\u0437\u044b\u043a\u0430">
<param name="x_axis_title_font_size" value="22">
<param name="y_axis_font_size" value="22">
<param name="legend_position" value="NONE">
<param name="data_value" value="INSIDE">
<param name="data_value_font_color" value="FFFFFF">
<param name="data_value_font_size" value="14">
<param name="data_value_font_style" value="BOLD">
<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="FFFFFF">
<param name="grid_line_color" value="999999">
<param name="x_value" value="\u0395\u03bb\u03bb\u03ac\u03b4\u03b1,Espa\u00f1a,\u00d6sterreich,\u0420\u043e
\u0441\u0441\u0438\u0441,L\u0027Alg\u00e9rie">
<param name="s1_value" value="22,34,54,62,68">
<param name="s1_label" value="Annual revenue">
<param name="s1_color" value="336600">
</applet>
|
|
Line chart / line graph example 1
|
|
Simple line chart. The y_min value is set to 80 and the y_max value is set to 160. The x values are not all shown - only every 5th value is shown by using the x_axis_occurrence parameter and shown on two lines, setting the x_value_font_orientation to HORIZONTAL2.
Back to top
|
<applet code="swiftchart.class" width="403" height="303">
<param name="chart_type" value="line">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Line chart">
<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_font_orientation" value="HORIZONTAL2">
<param name="x_axis_occurrence" value="5">
<param name="y_axis_font_color" value="030303">
<param name="y_axis_font_size" value="12">
<param name="y_min" value="80">
<param name="y_max" value="160">
<param name="y_unit" value="10">
<param name="legend_position" value="RIGHT">
<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="01-Jan-03,02-Jan-03,03-Jan-03,04-Jan-03,05-Jan-03,06-Jan-03,07-Jan-03,08-Jan-03,09-Jan-03
,10-Jan-03,11-Jan-03,12-Jan-03,13-Jan-03,14-Jan-03,15-Jan-03,16-Jan-03,17-Jan-03,18-Jan-03,19-Jan-03,20-Jan-03,21-Jan-03
,22-Jan-03,23-Jan-03,24-Jan-03,25-Jan-03,26-Jan-03,27-Jan-03,28-Jan-03,29-Jan-03,30-Jan-03,31-Jan-03">
<param name="s1_value" value="103,99,109,117,127,118,124,133,137,144,140,136,135,127,129,133,143,135,132,124,118,121,122
,125,135,132,136,139,141,149,146">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="FF9966">
<param name="s1_line_marker" value="N">
<param name="s1_line_weight" value="1">
</applet>
|
|
Line chart / line graph example 2
|
|
Line chart with 2 series, line markers and data values displayed. The legend is displayed at the bottome and horizontal grid lines are displayed. Legend items are set by using the legend_marker_type parameter
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="chart_type" value="line">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Line chart with multiple series">
<param name="title_font_color" value="000000">
<param name="title_font_size" value="18">
<param name="y_unit" value="5">
<param name="legend_position" value="BOTTOM">
<param name="data_value" value="OUTSIDE">
<param name="data_value_font_size" value="12">
<param name="data_value_font_style" value="BOLD">
<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="Nov\n2006,Dec\n2006,Jan\n2007,Feb\n2007,Mar\n2007,Apr\n2007">
<param name="s1_value" value="12,5,8,13,5,9">
<param name="s1_label" value="Italy">
<param name="s1_color" value="6699CC">
<param name="s1_line_marker" value="Y">
<param name="s1_legend_marker" value="Y">
<param name="s1_line_marker_type" value="7">
<param name="s1_legend_marker_type" value="7">
<param name="s1_line_weight" value="3">
<param name="s2_value" value="23,31,28,19,16,22">
<param name="s2_label" value="Spain">
<param name="s2_color" value="99CC99">
<param name="s2_line_marker" value="Y">
<param name="s2_legend_marker" value="Y">
<param name="s2_line_marker_type" value="8">
<param name="s2_legend_marker_type" value="8">
<param name="s2_line_weight" value="3">
</applet>
|
|
Line chart / line graph example 3
|
|
Line chart with 3 series and different line weights, line styles styles as well as different data markers. Vertical and horizontal grid lines displayed and legend displayed at bottom.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="chart_type" value="line">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Line chart with various 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="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="EEEEEE">
<param name="legend_border" value="EEEEEE">
<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="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="Jan,Feb,Mar,Apr,May,Jun">
<param name="s1_value" value="12,5,8,13,5,9">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="6699CC">
<param name="s1_line_marker" value="N">
<param name="s1_line_weight" value="6">
<param name="s2_value" value="23,31,28,19,16,22">
<param name="s2_label" value="Serie 2">
<param name="s2_color" value="FF9966">
<param name="s2_line_marker" value="Y">
<param name="s2_line_weight" value="3">
<param name="s2_line_marker_type" value="5">
<param name="s3_line_marker_type" value="8">
<param name="s3_color" value="99CC99">
<param name="s3_value" value="32,48,39,36,41,43">
<param name="s3_label" value="Serie 3">
<param name="s3_line_marker" value="N">
<param name="s3_line_style" value="2">
<param name="s4_line_marker_type" value="15">
<param name="s4_color" value="6633CC">
<param name="s4_value" value="52,58,49,51,54,59">
<param name="s4_label" value="Serie 4">
<param name="s4_line_marker" value="ONLY">
<param name="s4_line_style" value="1">
</applet>
|
|
3D line chart / 3D line graph example 1
|
|
3D line chart with 1 serie.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="chart_type" value="line3d">
<param name="depth3d" value="100">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="3D Line 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_hor" value="Y">
<param name="grid_line_hor_color" value="999999">
<param name="x_value" value="Jan,Feb,Mar,Apr,May,Jun">
<param name="s1_value" value="15,13,18,21,16,14">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="6699CC">
</applet>
|
|
3D line chart / 3D line graph example 2
|
|
3D line chart with 1 serie and data values shown.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="chart_type" value="line3d">
<param name="depth3d" value="100">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="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="OUTSIDE">
<param name="data_value_font_color" value="FF0000">
<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,May,Jun">
<param name="s1_value" value="18,13,16,15,16,13">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="99CC33">
</applet>
|
|
3D line chart / 3D line graph example 3
|
|
3D line chart with 3 series.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="chart_type" value="line3d">
<param name="depth3d" value="100">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="3D Line chart with multiple series">
<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="LEFT">
<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="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,May,Jun">
<param name="s1_value" value="9,13,16,15,16,13">
<param name="s1_label" value="Serie 1">
<param name="s1_color" value="99CC33">
<param name="s2_value" value="23,25,21,25,29,26">
<param name="s2_label" value="Serie 2">
<param name="s2_color" value="CC9933">
<param name="s3_value" value="38,33,36,32,36,39">
<param name="s3_label" value="Serie 3">
<param name="s3_color" value="CC3399">
</applet>
|
|
Bar chart with special fill
|
|
Grouped bar graph with special fill of the chart background, the overall background as well as each bar.
Back to top
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="bar">
<param name="x_axis_font_orientation" value="HORIZONTAL">
<param name="applet_bg" value="666699">
<param name="chart_bg" value="CC9900">
<param name="title_text" value="Horizontal bar chart with labels">
<param name="title_font_size" value="18">
<param name="x_axis_font_size" value="12">
<param name="y_axis_font_size" value="12">
<param name="legend_position" value="TOP">
<param name="legend_border_color" value="CCDDFF">
<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="US,Canada,UK,Japan">
<param name="s1_value" value="1678,1834,3238,2429">
<param name="s1_label" value="2002">
<param name="s1_color" value="993300">
<param name="s2_value" value="2564,2278,1239,3412">
<param name="s2_label" value="2003">
<param name="s2_color" value="009933">
<param name="s3_value" value="2178,1134,1238,1169">
<param name="s3_label" value="2004">
<param name="s3_color" value="003399">
<param name="s1_bar_fill" value="3">
<param name="s2_bar_fill" value="3">
<param name="s3_bar_fill" value="3">
<param name="chart_bg_fill" value="5">
<param name="bg_fill" value="4">
</applet>
|
|
Bar chart with special fill
|
|
Bar graph with overlap bars and displaying the y-axis values above the y-axis units.
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="bar">
<param name="bar_overlap" value="40">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Bar with overlap">
<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="999999">
<param name="y_axis_style" value="ABOVE">
<param name="x_value" value="Jan,Feb,Mar,Apr,May,Jun">
<param name="s1_value" value="33,28,16,41,33,29">
<param name="s1_color" value="FF9999">
<param name="s1_color_border" value="000000">
<param name="s2_value" value="21,25,28,16,14,19">
<param name="s2_color" value="99FF99">
<param name="s2_color_border" value="000000">
<param name="s3_value" value="11,18,22,13,27,11">
<param name="s3_color" value="9999FF">
<param name="s3_color_border" value="000000">
</applet>
|
|
Float Bar chart example 1
|
|
Float Bar graph with y-axis target lines.
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="floatbar">
<param name="applet_bg" value="000000">
<param name="chart_bg" value="000000">
<param name="chart_border_color" value="FFFFFF">
<param name="title_text" value="Float Bar example">
<param name="title_sub1_text" value="Salary range by group">
<param name="title_font_size" value="18">
<param name="title_font_color" value="FFFFFF">
<param name="title_sub1_font_color" value="FFFFFF">
<param name="y_unit_display" value="N">
<param name="y_axis_font_color" value="FFFFFF">
<param name="y_axis_font_style" value="BOLD">
<param name="x_axis_font_color" value="FFFFFF">
<param name="1y_axis_value_format" value="$ 0,000">
<param name="y1_target" value="13000">
<param name="y1_target_label" value="Minimum salary">
<param name="y1_target_color" value="FF0000">
<param name="y2_target" value="28000">
<param name="y2_target_label" value="Maximum salary">
<param name="y2_target_color" value="0000FF">
<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_hor_color" value="999999">
<param name="grid_line_ver_color" value="999999">
<param name="grid_line_ver_type" value="0">
<param name="x_value" value="Group A,Group B,Group C,Group D">
<param name="s1_value" value="12000;22000,18000;26000,14000;19000,24000;33000">
<param name="s1_color" value="FFFF00,00FF00,00FFFF,FFFFFF">
</applet>
|
|
Horizontal Float Bar chart example 2
|
|
Horizontal Float Bar graph with two series.
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="floathorbar"gt;
<param name="applet_bg" value="EEEEEE"gt;
<param name="chart_bg" value="FFFFFF"gt;
<param name="title_text" value="Horizon Float Bar example"gt;
<param name="title_font_size" value="18"gt;
<param name="legend_position" value="INTOPRIGHT"gt;
<param name="grid_line_hor" value="y"gt;
<param name="grid_line_hor_type" value="0"gt;
<param name="grid_line_hor_color" value="999999"gt;
<param name="grid_line_ver" value="n"gt;
<param name="x_value" value="Africa,Europe,America,Asia"gt;
<param name="s1_value" value="12;22,14;29,8;12,30;32"gt;
<param name="s1_color" value="FF0000"gt;
<param name="s1_bar_fill" value="6"gt;
<param name="s1_label" value="Men"gt;
<param name="s2_value" value="15;19,13;23,10;21,18;26"gt;
<param name="s2_color" value="0000FF"gt;
<param name="s2_bar_fill" value="6"gt;
<param name="s2_label" value="Woman"gt;
</applet>
|
|
3D Float Bar chart example 3
|
|
3D Float Bar graph with one series.
|
<applet code="swiftchart.class" width="400" height="300">
<param name="chart_type" value="floatbar3d">
<param name="applet_bg" value="EEEEEE">
<param name="chart_bg" value="FFFFFF">
<param name="title_text" value="Horizon 3D Bar example">
<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="999999">
<param name="grid_line_ver" value="n">
<param name="x_value" value="A,B,C,D,E,F,G,H,I,J">
<param name="s1_value" value="120;140,100;160,150;190,134;170,90;135,70;190,57;90,34;87,79;120,45;180">
<param name="s1_color" value="FF9900">
<param name="s1_color_border" value="FFFFFF">
</applet>
|
|
