This field uses D3.js (opens new window) to draw charts, graphs and maps from supplied JSON data. The field will handle loading the external libraries. The remaining code must be supplied in the script property.
Properties
| Label | Description | Type Name |
|---|---|---|
| Summary | A short description of what the field does, displayed in the forms designer to help identify it | SUMMARY |
| Width | The width of the chart. Either an integer for a fixed width in pixels or any valid HTML measure | WIDTH |
| Height | The height of the chart. Either an integer for a fixed width in pixels or any valid HTML measure | HEIGHT |
| Default | Default data value for the chart | DEFAULT |
| Default Function | A JavaScript function that may be used to calculate the default field value. This function is executed server-side when the field HTML is being generated and is useful for setting the default value when the DEFAULT property is insufficient | DEFFUNC |
| Script Functions | JavaScript to draw the graph and manipulate the data | CUSTOMFIELDFNS |
| Handlers | Handlers called when field first displayed or value changed | HANDLERS |
| Additional Styling Modifier | An optional CSS modifier for the field. See Common Field Properties for an example | ADDITIONALSTYLINGMODIFIER |
| Documentation | Add documentation to your field to help explain any complex functionality to future users. You might include information on what the field does and how it relates to other fields on the form. Notes added here are only ever visible in the Forms Designer, they can be searched for, viewed and downloaded from the action panel. See Common Field Properties for an example | DOCUMENTATION |
Last modified on 8 July 2022
Share this page
