Está en la página 1de 55

Bar chart / bar graph example 1

Bar chart with 1 series. 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

Bar Chart / bar graph example 2


Bar chart with 1 series 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. 
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. 

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. 
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. 

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. 
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. 

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. 
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. 

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. 

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. 

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. 
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.

Unicode example 2
Chinese unicode example based
on the MS Song font.
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. 

Horizontal 3D bar chart / horizontal 3D bar graph example 1


Horizontal bar chart with negative
values and data values displayed. 
Horizontal 3D bar chart / horizontal 3D bar graph example 2
Horizontal bar chart with two
series and data values displayed. 

Unicode example 1
Multi-language fonts based on
unicode characters - Greek,
Spanish, German, Russian and
French. 
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. 

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 
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. 

D line chart / 3D line graph example 1


3D line chart with 1 serie. 
3D line chart / 3D line graph example 2
3D line chart with 1 serie and data
values shown. 

3D line chart / 3D line graph example 3


3D line chart with 3 series
Bar chart with special fill
Grouped bar graph with special fill
of the chart background, the
overall background as well as each
bar.

Bar chart with special fill


Bar graph with overlap bars and
displaying the y-axis values above
the y-axis units.
Float Bar chart example 1
Float Bar graph with y-axis target
lines.

Horizontal Float Bar chart example 2


Horizontal Float Bar graph with
two series.
3D Float Bar chart example 3
3D Float Bar graph with one
series.

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. 
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 

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. 
Line chart / line graph example 7
Line graph with various line types,
including line area (line_style set
to 3). 

Line chart / line graph example 8


Line graph with spline (line_style
set to 6). 
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). 

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. 
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. 

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. 
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". 

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. 
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". 

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. 
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. 

3D pie chart / 3D pie graph with multiple pies example 2


Pie 3D chart based on 2 series and
6 x-values. 

Doughnut example 1
Doughnut chart based on one
serie with four values displayed as
percentage. The pie border is set
to white. 

Doughnut example 2
Doughnut chart based on four
series. 
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. 

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=$###,###.##
).
Pie chart / pie graph example 4
Pie graph with different 3D pie
angle settings.

ie chart / pie graph example 4


3D doughnut qith pie border set to
black.

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. 

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. 
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. 

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. 
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. 

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. 
Stacked percent line chart / line graph example 1
Stacked percentage line chart
based on 6 series and legend
displayed on top. 

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. 
Postfix and prefix example 1
Stacked horizontal 3D bar chart
based on 2 series. Data values are
displayed and rotated to the right. 

Stecked horizontal bar example


Population pyramid chart, using
the stacked horizontal bar chart
type. 
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. 

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. 
XY chart / XY graph example 2
XY (scatter) chart with negative x
and negative y values. 

XY chart / XY graph example 3


XY (scatter) chart with data values
displayed. 
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. 

XY chart / XY graph example 4


XY (scatter) chart with only
displaying markers
(s1_line_marker set to ONLY). 

Back to top
Trend example 2
XY (scatter) chart with linear trend
using the s1_trend parameter. The
legend is displayed inside the
chart on the top left. The data
value is formatted using the
data_value_format pattern. 

XY pairs example 1
XY (scatter) chart based on 3 XY
pairs. Rather than using the
x_value and the s[n]_value
parameters, the actual data is
defined using the xy[n]_value
parameters. In order Swiftchart
uses the xy[n]_value parameters,
the xy_pairs parameter is set to
Y. 
Bubble chart example 1
Bubble 3D chart based on one serie. 

Bubble chart example 2


Bubble chart based on two series. The x axis
values are displayed on two rows using the
HORIZONTAL2 setting for the
x_axis_font_orientation parameter.
Radar chart example 1
Simple radar chart, line markers displayed. 

Radar chart example 2


Radar chart with two series. One serie displayed with
line markers, the other one not. 
Radar chart example 3
Radar chart with three series. The series are split
into two groups, displaying two radar charts.

Stacked area radar chart example 1


Stacked area radar chart with 3
series. 

Stock chart example 1


Min/max stock chart with 2 data
series. Min/max values are
entered within the s1_value and
s2_value parameters - min and
max values are separated by a
semicolon. 

Stock chart example 2


Min/max/close stock chart .
Min/max/close values are entered
within the s1_value parameter -
min, max and close values are
separated by a semicolon. 
Stock example 3
Open/min/max/close stock chart .
open/min/max/close values are
entered within the s1_value
parameter - open, min, max and
close values are separated by a
semicolon. If the close is greater
than the open, the open/close box
is drawn empty, otherwise the
open/close box is drawn filled. 

Moving average
Line graph with 10 and 20 day
moving average using the trend
parameters. The number of days
(data items) the moving average
period is based on is defined as
part of the trend prameter (eg
MOVAVG10 is a 10 day period,
MOVAVG20 a 20 day period). 
Stock chart with relative strength index

Relative Strength Index (RSI)example based on 14 days. The trend parameter is set to RSI14 which
draws the RSI trend based on 14 days, the RSI is based on the open stock value (trend1_base=1).

Standard deviation for stock graph

Stock chart with two standard deviations - a 10 day and a 20 day based calculation of the standard
deviation. In this example the x_min is set to 20 which will only start to display the x-values starting
at 20. If all data x-values would be displayed there would be no data for the first 10 days for the 10
day standard deviation and no data for the first 20 days for the 20 day standard deviation. 
Stock chart with Aroon oscillator

Stock chart with Aroon up, down and oscilator displayed. 

Moving average

Stock graph with displaying stock, volume and 3 trends: Close location value (CLV), CLV x Volume
and Accumulation Distribution Line. 
Bollinger Band example

Stock graph with Bollinger bands and bollinger width. 

Commodity Channel Index

Stock chart with Commodity Channel Index trend. 


Mixed bar and line example 1
Mixed bar and line chart - using
the s3_line_chart parameter. 

Mixed bar and line example 2


Mixed 3D bar and line chart -
using the s3_line_chart
parameter. 
Mixed bar and line example 3
Mixed bar and line chart with two
bars and two lines. 

Multiple charts example 1


Multiple chart based on 2 y axis.
The first chart is a bar and line
mix chart using the sub_chart
parameter, while the second chart
is a simple bar chart. Multiple
charts are created by using the
group based parameters. 
Multiple charts example 2
Multiple chart based on 3 y axis
and two charts. The base chart
type is a STOCK3 chart while using
the sub_chart parameter to
geberate bar and line graphs. The
lower chart is based on one y axis,
while the upper chart has two y
axis. Multiple charts and y axis are
created by using the group based
parameters. The two charts are
displayed with different heights by
using the chart height
parameters. 

Multiple charts example 2


Mixed bar and line chart. The left
y-axis displaying the precipitation
has set its maximum to 300, while
the right y-axis minimal value has
been set to -30. This separates
the bar and the lines nicely. 
Multiple charts example 2
Mixed chart combining bar and
error. The error is generated using
the stock chart type (STOCK1). In
addition the graph is split into two
charts, using the powerful
grouping functionality. 

Mixed chart with various colors


In this example the chart
background alternates using the
chart_bg_fill parameter and
defining two colors for the
chart_bg color. In addition the bar
is based on two colors as well
using the bar_fill_color and bar_fill
parameters and the . 
Mixed chart: stacked bar chart with line
In this example a line chart is
mixed with a line chart. In addition
the line and the stacked bar series
are grouped seperately and for
each group a seperate y-axis scale
is used. 

Gantt chart example 1


Simple Gantt chart. The time axis
displays each month for the period of the
project, using the x_unit value. 

Each comma delimited s1_value contains


the following information delimited by a
semi-colon: 

start_time;end_time;progress;task_type
;link 

start_time start of task, required 


end_time end of task, required 
progress progress 0 to 100, not
required 
task_type N=normal task, S=summary
task, M=milestone, not required 
link task this task is linked to, can link to
more than one task delimited by a
colon , not required 
Gantt charts example 2
Gantt chart with progress bar. 

Each comma delimited s1_value contains


the following information delimited by a
semi-colon: 

start_time;end_time;progress;task_type
;link 

start_time start of task, required 


end_time end of task, required 
progress progress 0 to 100, not
required 
task_type N=normal task, S=summary
task, M=milestone, not required 
link task this task is linked to, can link to
more than one task delimited by a
colon , not required 

Gantt chart example 3


Gantt chart with progress bar. The time
axis is based on hours, using the x_unit
value. 

Each comma delimited s1_value contains


the following information delimited by a
semi-colon: 

start_time;end_time;progress;task_type
;link 

start_time start of task, required 


end_time end of task, required 
progress progress 0 to 100, not
required 
task_type N=normal task, S=summary
task, M=milestone, not required 
link task this task is linked to, can link to
more than one task delimited by a
colon , not required 
Gantt chart example 4
Gantt chart with summaries and
milestones. 

Each comma delimited s1_value contains


the following information delimited by a
semi-colon: 

start_time;end_time;progress;task_type
;link 

start_time start of task, required 


end_time end of task, required 
progress progress 0 to 100, not
required 
task_type N=normal task, S=summary
task, M=milestone, not required 
link task this task is linked to, can link to
more than one task delimited by a
colon , not required 

Gantt chart example 5


Gantt chart with task linking, summaries,
milestones and progress bars. 

Each comma delimited s1_value contains


the following information delimited by a
semi-colon: 

start_time;end_time;progress;task_type
;link 

start_time start of task, required 


end_time end of task, required 
progress progress 0 to 100, not
required 
task_type N=normal task, S=summary
task, M=milestone, not required 
link task this task is linked to, can link to
more than one task delimited by a
colon , not required 
Gantt chart example 6
Gantt chart with additional gantt
parameter details displayed using
the gantt_display parameter. 

Each gantt parameter to be


displayed can be listed within the
gantt_display parameter. The
following parameters can be
displayed: 

task Task name 
start Start of task 
end End of task 
link Link details 
pct Percentage done 

Each item of the comma delimited


item is based on two values
separated by a ";". The first item
contains the gantt parameter to be
displayed, the second item is used
to set the display name of the
gantt parameter. 

Tree diagram example 1


Tree diagram with top to bottom orientation. The tree
elements are displayed by circles and linked-up by lines
using the diagram_shape and diagram_line_type
parameters. 

Tree elements are linked to parent elements using the


s1_value parameter. The nth entry in the s1_value
parameter corresponds to the nth entry in the x_value
parameter. The actual value in the s1_value is the
position in the x_value where the parent entry can be
found. In this example the 7th entry in the s1_value is 3,
and the 3rd entry at the x_value is 3 - therefore the 7th
x_value (7) points to the 3rd x_value (3). 
Tree diagram example 2
Tree diagram with bottom to top orientation. The tree
elements are displayed by circles and linked-up by
lines using the diagram_shape and diagram_line_type
parameters. 

Tree elements are linked to parent elements using the


s1_value parameter. The nth entry in the s1_value
parameter corresponds to the nth entry in the
x_value parameter. The actual value in the s1_value
is the position in the x_value where the parent entry
can be found. In this example the 7th entry in the
s1_value is 3, and the 3rd entry at the x_value is
body - therefore the 7th x_value (h1) points to the
3rd x_value (body). 

Tree diagram example 3


Tree diagram with left to right
orientation. The tree elements are
marked with different colors using
the s1_color parameter. 

Tree elements are linked to parent


elements using the s1_value
parameter. The nth entry in the
s1_value parameter corresponds
to the nth entry in the x_value
parameter. The actual value in the
s1_value is the position in the
x_value where the parent entry
can be found. In this example the
7th entry in the s1_value is 1, and
the 1st entry at the x_value is
World - therefore the 7th x_value
(Asia Pacific) points to the 1st
x_value (World). 
Two dimensional 3D bar chart example 1
XY bar 3D chart with 3 series. 

Two dimensional 3D line chart example 1


XY line 3D chart with 2 series. 
Trend example 1
Bar chart with linear trend using
the s1_trend parameter.

Dial example 2
Dial graph anti-clockwise with 180
degree dial based on 2 series. 

Trafficlight example 1
Trafficlight graph. This graph type
allows to display data within data
ranges. The data range can be set
as well as the color for each data
range. In addition there is a data
range label which can be used for
displaying the range description
within the legend. 

Trafficlight example 2
Trafficlight graph based on 2
series. This graph type allows to
display data within data ranges.
The data range can be set as well
as the color for each data range.
In addition there is a data range
label which can be used for
displaying the range description
within the legend.
Histogram
Histogram based on two series.
The range parameters are used to
assign values into each band.

Logarithmic scale
Logarithmic scale y-axis, by
setting the y_sacle parameter to
LOG.

También podría gustarte