{"id":6444,"date":"2018-04-05T19:11:22","date_gmt":"2018-04-05T19:11:22","guid":{"rendered":"https:\/\/alt2.minisoft.com\/support\/?p=6444"},"modified":"2020-07-02T10:31:57","modified_gmt":"2020-07-02T17:31:57","slug":"graphical-charting","status":"publish","type":"post","link":"https:\/\/alt2.minisoft.com\/support\/graphical-charting\/","title":{"rendered":"Graphical Charting"},"content":{"rendered":"

eFORMz Graphical Charting allows users to pictorially display information with bar charts and gauge charts. To follow along with the tutorials below, download the project files:<\/p>\n

Charts<\/strong><\/a><\/p>\n

Delimiters<\/h2>\n

To add graphical representation, variables must first be created.\u00a0Generally, this data must be delimited. For example, each value may need to be comma-delimited so as to separate one value from the other. This separation ensures that each value will be graphed as its own piece of data.<\/p>\n

1. Right click the variable that is picking up the data to be charted and select Add Function > Replace.
\n2. The Replace dialog box will display. In the Replace all occurrences of field, enter the characters to replace. To account for spaces, simply enter a few spaces into the field. In the With field, enter a comma. Click OK.<\/p>\n

\"\"<\/a><\/p>\n

3. Continue adding variables for data parameters and making sure the values are comma-delimited.<\/p>\n

\"\"<\/a><\/p>\n

Bar Charts<\/h1>\n

To place a bar chart, right-click a paragraph element in the Document Template and select Add chart > Bar chart or right click in the Form and Data Viewer and select Add Rule > Bar Chart.<\/p>\n

1. The Layout tab of the Bar Chart Properties dialog box will display. Adjust the position, size and insets of the chart as necessary. Good reference sizes for the Width, Height and Chart insets are those illustrated below. Switch to the Appearance tab.<\/p>\n

\"\"<\/a><\/p>\n

2. Enter a title for the chart, or select a Variable for the Chart title field. For the Chart Appearance section, choose a Resolution and whether the chart will be Vertical or Horizontal. For 3D bars, check the 3D button and provide a depth. From the Bar type drop-down menu, pick one of the following options: Stacked bars, Side by side bars, or Bars one behind another. When complete, select the Chart title font and color button.<\/p>\n

\"\"<\/a><\/p>\n

3. Modify the font and color as needed and click OK. Continue adjusting the font and color of the chart sections as seen fit. Switch to the Data tab.
\n4. Check the Show samples labels and Show legend boxes, enter 12 for the Sample count and alter the Bar width if desired. From the Samples labels section and Labels field, enter the months of the year as a constant value. From the Data series field, select the New option.<\/p>\n

\"\"<\/a><\/p>\n

5. The Chart Data Series dialog box displays. In the Series name field, enter \u201cPrevious year.\u201d Adjust the Bar color by selecting it and changing it accordingly. From the Data drop-down menu, select the Previous Variable created earlier.<\/p>\n

\"\"<\/a><\/p>\n

6. The series name will be visible in the Data series field. To add another set, select the New option again.<\/p>\n

\"\"<\/a><\/p>\n

7. Enter \u201cCurrent year\u201d in the Series name field and adjust the color if appropriate. From the Data drop-down menu, select the Current variable created earlier. Click OK and select the New option again.<\/p>\n

\"\"<\/a><\/p>\n

8. Enter \u201cAverage\u201d in the Series name field and adjust the color if appropriate. From the Data drop-down menu, select the Average variable created earlier. Click OK.<\/p>\n

\"\"<\/a><\/p>\n

9. The bar chart will display in the Form and Data Viewer.<\/p>\n

Gauge Charts<\/h1>\n

To place a gauge chart, right-click a paragraph element in the Document Template and select Add chart > Gauge chart or right click in the Form and Data Viewer and select Add Rule > Gauge Chart.<\/p>\n

1. The Layout tab of the Gauge Chart Properties dialog box will display. Adjust the position, size and insets of the chart as necessary. Good reference sizes for the Width, Height and Chart insets are those illustrated below. Switch to the Appearance tab.<\/p>\n

\"\"<\/a><\/p>\n

2. Enter a title for the chart, or select a Variable for the Chart title field. For the Chart Appearance section, choose a Resolution.When complete, select the Chart title font and color button.<\/p>\n

\"\"<\/a><\/p>\n

3. Modify the font and color as needed and click OK. Continue adjusting the font and color of the chart sections as seen fit. Switch to the Data tab.<\/p>\n

\"\"<\/a><\/p>\n

4. Enter values for the Lower Range and Range fields. From the Data series field, select the New option.<\/p>\n

\"\"<\/a><\/p>\n

5. The Chart Data Range dialog box displays. In the Range name field, enter the name representing variable data. In this example, a value of \u201cCurrent\u201d was entered. Adjust the Bar color by selecting it and changing it accordingly. From the Data drop-down menu, select a Variable created earlier. Click OK.<\/p>\n

\"\"<\/a><\/p>\n

6. From the Data series field, select the New option. Repeat step 5. Do these steps with as many data ranges as needed for the completion of the gauge chart. Click OK to place the Gauge Chart.<\/p>\n

\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

eFORMz Graphical Charting allows users to pictorially display information with bar charts and gauge charts. To follow along with the tutorials below, download the project files: Charts Delimiters To add graphical representation, variables must first be created.\u00a0Generally, this data must be delimited. For example, each value may need to be comma-delimited so as to separate […]<\/p>\n","protected":false},"author":75,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[391,392,28],"_links":{"self":[{"href":"https:\/\/alt2.minisoft.com\/support\/wp-json\/wp\/v2\/posts\/6444"}],"collection":[{"href":"https:\/\/alt2.minisoft.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alt2.minisoft.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alt2.minisoft.com\/support\/wp-json\/wp\/v2\/users\/75"}],"replies":[{"embeddable":true,"href":"https:\/\/alt2.minisoft.com\/support\/wp-json\/wp\/v2\/comments?post=6444"}],"version-history":[{"count":3,"href":"https:\/\/alt2.minisoft.com\/support\/wp-json\/wp\/v2\/posts\/6444\/revisions"}],"predecessor-version":[{"id":8203,"href":"https:\/\/alt2.minisoft.com\/support\/wp-json\/wp\/v2\/posts\/6444\/revisions\/8203"}],"wp:attachment":[{"href":"https:\/\/alt2.minisoft.com\/support\/wp-json\/wp\/v2\/media?parent=6444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alt2.minisoft.com\/support\/wp-json\/wp\/v2\/categories?post=6444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alt2.minisoft.com\/support\/wp-json\/wp\/v2\/tags?post=6444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}