auto_stories Knowledge Base chevron_right Form chevron_right Article

Graphic Line

It provides data reports to be viewed in graphic form. It is possible to change the way the graphics are displayed from the area style in the properties section. Graphical representations are available in the form of the column, area, line, pie, funnel, bar, bar cluster, column cluster.

96.jpg

Graphic Line tool icon at Toolbox

 

 97.jpg

How it looks like on the Canvas

Remarks

This toolbox is triggered when the form is opened.

 

Compatibility

Free Form Responsive Form Mobile
icons8-check-circle-48.png icons8-check-circle-48.png icons8-check-circle-48.png

 

 

Properties

  • Name: The name of the tool will be written here.
  • Field Style: Select the graphical tool to display type.
  • Help Text: It is a text entered for releasing an explanation when it comes to the mouse on the tool.
  • Color: It arranges the interior and/or the text color of the tool.
  • Height / Width: Adjusts the height and width of the tool (The width field has been removed from Responsive Forms).
  • From Left / Top: Adjusts the distance of the tool from the left and top (This field has been removed from responsive forms).
  • SQL Query: SQL queries will be written here.
  • Display: Makes the tool not appear on the screen.

 

Events

When clicked: Assign an “Action” as a click handler. For more information please click here.

 

Examples Used

Firstly, this tool is triggered when the form is opened to seem on the client screen.

 g3.png

 

Then, a query is written in SQL Query of the tool property. This query contains numeric values.

 g4.png

 g5.png

Client view on screen

 

 

If you change from column to line in the Field Style property, the graphic seems below.

g6.png

Client view on screen

 

It allows data reports to be viewed as graphical lines. You can change the way the graphs are displayed from the field style in the Property Panel. A value update action is required for the graphic line to display the entered data. For example, to see constant values ​​”25, 45, and 30” in the graphical line tool, the query field should be written as follows.

99.jpg

To display the line graph when the form is opened, value update action should be added when the form is opened and the line graph should be selected as the value field. The client view of the tool is as follows.

g8.jpg

Client view on screen