Chart Component

Selected by default and on opening of the modal. This tab gives you access to display settings for naming, Series, Theme, and Format.

Select this tab to access configuration for your chart's axis. You can also add a legend to your chart in this tab. To add a legend, select the Show Legend checkbox.

Select this tab to see the RBAC RBAC (Role-Based Access Control) is a method to control system access for authorized users. The role in RBAC refers to the levels of access employees have to a network. (role-based access control) settings of the component.

Click this button to undo any unsaved configuration changes and return to the canvas.

A Label indicates the purpose of the corresponding field or component. For input components, the Label tells the end-user how to interact with the field. For non-input components, the Label is not end-user facing, and only appears in the Module Editor. User-friendly Labels make your module more accessible. Keep Labels short and descriptive (a word or two) using title case. For longer entries, use sentence case.

A Property Name is the unique field ID used by Unqork to track and link components in your module.

The Property Name is how the software identifies your component. Using Property Names lets you link components, creating logic-based configurations and API (application programming interface) calls.

Property Names must use camel case (stylized as camelCase) without spaces or punctuation.

The title that shows above your chart.

The subtitle that shows under your chart title in a smaller font.

Adjusts the height (in pixels) of the box that contains your chart. As you adjust the height of your chart box, the size of the chart resizes accordingly.

Overlays multiple data sets in your graph. This setting prevents multiple data inputs from overlapping in your application.

NOTE  If you only have a single data input, this setting has no effect.

Use this section to input and organize the data that your chart must display.

In this field, enter the Property ID or Name of your input data.

NOTE  All data you reference in your input must come from the same array as the data id. When you input additional data, it creates a separate chart.

In this field, enter the value for what you're counting. For example, if your graph displays a count of numbers, enter Number. If you're displaying a percentage of businesses involved in an industry, enter Businesses.

This field sets the type of chart you'll use to display your data. These include the following chart options:

• Column: Effective for comparison of at least 1 data point. Column charts show data as a rectangle with the height of the rectangle proportional to the values being plotted. Typically, a column chart plots the variable value vertically, and the fixed dimension horizontally.

• Bar: Effective for comparison of at least 1 data point. Bar charts show data as a bar with the height of the bar proportional to the values being plotted. Typically, a bar chart plots the variable value horizontally, and the fixed dimension vertically.

• Pie: A pie chart is a circular-type chart, divided into slices to show numeric proportion. In a pie chart, the arc length of each slice relates to the quantity the slice represents. When used in conjunction with the Inner Size setting, you can make your pie chart into a doughnut chart.

• Line: A line chart displays information as a series of data points connected by straight line segments. These charts are typically used to show information that changes over time.

• Spline: A spline chart is a line chart that uses curves instead of straight lines. These charts are typically used to emphasize data trends as they play out gradually and over time.

• Scatter: A scatter chart uses dots to represent values for 2 different variables. The position of each dot in the horizontal and vertical axis shows values for the data point. You'll typically use these charts to show relationships between variables.

• Funnel: These charts typically show stages in a sales process and the amount of potential revenue for each stage.

• Bubble: Bubble charts are used to show if at least 3 numerical values are related or share some pattern. The charts can also show trends over time or compare categorical variables.

• Heatmap: These are specialized charts using colors to represent data values in a table. These are most helpful when used with large and complex data sets.

In this field, enter the data categories you show on your chart. Log only the key of your data's key:value pairs that you want to display for each category.

For example, your application has 3 insurance provider options. You want to show the end-user how popular each insurance provider is to help guide their choice. Your insurance provider data all share the data key Provider. So, in the Categories field, you enter the key Provider.

Use this field to show the values for each category on your chart. Enter only the key of your data's key:value pairs that you want to display for each category value.

Manipulates the color of an input category if the input data array contains colors. Your color data can be in word or hex form.

This setting expands the size of your chart in pixels.

Adds an inner-hole to make your pie chart into a doughnut chart.  This setting only applies to pie charts.

Allows the end-user to select a category on your chart's user interface. You can then output the selected category to a Property ID.

The Property ID you use to output your Filter Category. For example, if you want to store the selected Filter Category in a Hidden component named idOutput, enter idOutput.

In this cell, enter the input category value displayed on your chart. For example, if your Input category is provider, enter provider.

Sets the theme or color scheme of your chart.

Use this setting to change the month format of date values on your chart.

Details coming soon.

Details coming soon.

Details coming soon.

Customizes the label of the download options in the chart drop-down menu.