iVend Retail POS - Graphical Report

This article explains the basic steps for creating a Graphical Report.

         1.On the Report designer click on components and then charts. 

Figure 1 Report Designer

2. Put the Chart component on a page as seen in the picture below.
   

Figure 2 Chart Component

3. Edit the Chart component:

· Align it by width

· Change the properties of the Chart component. For example, set    
  the GrowToHeight property to True, if it is required the Chart component
  can be enabled to grow by height

· Set Borders, if required, for the Chart component

· Change the border colour.

· Edit the chart area. For example, change the Area.Brush.Colour property,
   if it is required to change the colour of a chart area.

4. Change the type of a chart using the Chart Type property. For example, set it
              to Clustered Column:

Add series. Invoke the Series Editor, for example, by double-clicking the Chart.

Figure 3 Series Editor

Click the [Add Series] button to add a series and select the type of series in the menu. The picture below shows the menu of the [Add Series] button:

Add Series

It should be noted that the type of number should match the type of chart, i.e. if a Clustered Column chart type is selected, then the series must be of the Clustered Column type.

Setup chart series:

· Get the data for Value and for the Argument of the series. There are three ways  
   to get data for the series: 

· Set the column data from the dictionary

· Or specify an expression

· Or manually specify values for the series as a list, through the comma ','
  separator. For example, create two rows, and manually define the values for
  these series as a list, with the comma ";" delimiter: arguments for Series
  1 - A; B, the values - 1; 1.25; for arguments Series 2 - A; B, the value - 2, 0.75.

· Change the values of the series properties. For example, set the Show
             Zeros property to False, if it is necessary to hide zero values

· Enable or disable Series Labels as desired

· Edit headers of rows: align, change the style, font, type of value, etc.

· Change the design of the series by setting values of the following
   properties: Border Colour, Brush and Show Shadow.

Figure 4 Chart Editor

5. Edit the Legend:

· Enable or disable the visibility of Legends. You can do this by setting the value
             of the Legend.Visible property to True or False, respectively

· Align the legend horizontally and vertically

· Change the legends design, etc.

The picture below shows an example of a report template with the chart displaying the legend:

Figure 5 Chart Report Template

Click the [Preview] button or invoke the Viewer by pressing F5 or clicking
the Preview menu item. The picture below shows a sample of a report with a chart:

Figure 6 Chart Report