Navigation:    Home arrow Spice 2D Line Chart
Documentation for SpiceCharts 2D Line Chart
Setting up values:
You can add any number of items represented by lines to your chart with 2 or 3 lines of code:
Parameter
Info
Code example
"data_set_x" the set of values for each item, where x represents the current item. The number of values in each set has to match the number of values in variation_series. In this example, 12 values, each for every month.

<PARAM name="data_set_1" value="34,78,90,12,34,78,45,
26,89,12,69,42">
"description_x" sets the description of the item through a string. This description appears in the legend. <PARAM name="description_1" value="item1">
"color_x" sets up the color the item will be represented with. This line can be omitted. In this case a default color will be used. <PARAM name="color_1" value="255,0,0 ">

Setting up options: Options are not strictly necessary for the applet to show the chart, but used to customize it for everybody needs and preferences.

No.
Parameter
Info
Code example
1.
 "title" the title displayed above the chart: <PARAM name="title" value="Line 3D Chart Demo">
2.
 "set_title_off " sets the chart not to show the title. It does not need to be set to a value <PARAM name="show_title_off" >
3.
 "title_position_x" sets the X coordinate the title will be displayed at, if parameter "show_title_off " not set
 <PARAM name=" title_position_x " value="30 ">
4.
 "title_position_y" sets the Ycoordinate the title will be displayed at, if parameter "show_title_off " not set
 <PARAM name=" title_position_y" value="40 ">
5.
 "show_legend_on_right" there are 2 ways of displaying the legend. When this flag is set, the legend is showed in the right of the chart, otherwise at the bottom <PARAM name= "show_legend_on_right ">
6.
 "show_border_off" sets off showing the border around the chart <PARAM name= "show_border_off">
7.
 "show_small_squares" when this parameter is found the lines are drawn with small squares at intersections. The size of the square is given by the value of the parameter. <PARAM name="show_small_squares" value="6">
8.
 "variation series" the series of values that the items are varied for, values displayed on the horizontal axis, for this example the month of the year <PARAM name="variation_series" value="Ian,Feb,Mar,Apr,Mai,Jun,
Jul,Aug,Sep,Oct,Nov,Dec">
9.
 "chart_x" the X coordinate of the frame the chart is displayed in. Default it is computed considering the applet sizes. <PARAM name="chart_x" value=”50”>
10.
 "chart_y" the Ycoordinate of the frame the chart is displayed in. Default it is computed considering the applet sizes. <PARAM name="chart_y" value=”70”>
11.
 "chart_w" the width of the frame the chart is displayed in. Default it is computed considering the applet sizes. <PARAM name="chart_w" value=”200”>
12.
 "chart_h" the height of the frame the chart is displayed in. Default it is computed considering the applet sizes. <PARAM name="chart_h" value=”100”>
13.
 "legend_x" the X coordinate where legend has to be displayed. Default it is computed considering the applet sizes. <PARAM name="legend_x" value="20 ">
14
 "legend_y" the Y coordinate where legend has to be displayed. Default it is computed considering the applet sizes. <PARAM name="legend_y" value="70">
15.
 "legend_w" legend width. Default it is computed considering the applet sizes <PARAM name="legend_w" value="100 ">
16.
 "legend_h" legend height. Default it is computed considering the applet sizes <PARAM name="legend_h" value="80 ">
17.
 "vret_grid_off" sets off the vertical grid <PARAM name="vret_grid_off">
18.
 "oblique_values" when is set on the values on the OX axis are displayed bent with an angle specified by “angle” param. <PARAM name="oblique_values">
19.
 "angle" if “oblique_values” is set specifies the angle that the values on the OX axis are bent with. Default is set on 30. <PARAM name="angle" value="30">
20.
 "divisions_number" the number of divisions of OX axis. Default set on 12; <PARAM name="divisions_number" value="10">
21.
 "backg_color" sets background color using the RGB components. Default color is white. <PARAM name="backg_color" value="200,200,200">
22.
 "grid_color" sets grid color using the RGB components. Default color is gray. <PARAM name="grid_color" value="0,0,255">
23.
 "back_grid_color" sets title color using the RGB components. Default color is gray. <PARAM name="back_grid_color" value="255,0,0">
24.
 "title_color" sets title color using the RGB components. Default color is black. <PARAM name="title_color" value="0,0,100">
25.
 "legend_color" sets legend font color using the RGB components. Default color is gray. <PARAM name="legend_color" value="0,0,0">
26. "border_color" when the border is not set off sets border color using the RGB components. Default color is gray. <PARAM name="border_color" value="200,200,200">
27.
 "x_axis_description" description for X axis <PARAM name="x_axis_description" value="X axis">
28.
 "y_axis_description" description for Y axis <PARAM name="y_axis_description" value="Y axis">
29.
 "vert_grid_off" sets off vertical grid <PARAM name="vert_grid_off">
30.
 "set_legend_off" sets off legend <PARAM name="set_legend_off">
31.
 "legend_rows" sets the number of rows the items are represented for the case the legend is at the bottom (show_legend_on_right not set) <PARAM name="legend_rows" value="2" >
32 "legend_distance" the distance between the columns for the case the legend is at the bottom (show_legend_on_right not set) <PARAM name="legend_distance" value="50">
.33
 "legend_border_off" sets off the legend border <PARAM name="legend_border_off" >

 
[ Back ]