Property List
When a component is selected on the canvas, the Property List panel displays the properties of that component. Component properties are categorized and displayed in tabs. The number of tabs depends on the number of editable properties of the component.
💡 Tip
- The Property List panel only displays the properties of the selected component when exactly one component is selected on the canvas. If multiple components are selected, the panel will indicate that multiple components are selected and cannot be edited.
- If no component is selected, the panel displays the canvas's property list, where you can set properties such as canvas resolution, background color, and background image.
Dynamic Display of Tabs
The Property List panel does not display all configurable property tabs at once because some tab settings depend on properties in other tabs. If these settings differ, the tabs that depend on them will also change accordingly. A typical example is when selecting a bar chart and setting the coordinate system to rectangular coordinates. In this case, the property list will show X-axis and Y-axis tabs.
Figure 1: Property List Panel with Bar Chart Set to Rectangular Coordinates
When setting the coordinate system to polar coordinates, the property list will show Radius Axis and Angle Axis tabs.
Figure 2: Property List Panel with Bar Chart Set to Polar Coordinates
Dynamic Display of Properties
Properties within the same tab are also not all displayed at once because some properties depend on the settings of other properties. If these settings differ, the properties that depend on them will also change accordingly. A typical example is when selecting a line chart, setting the coordinate system to rectangular coordinates, and selecting the Y-axis type as numerical axis. The Y-axis tab properties are as follows.
Figure 3: Y-axis Tab with Line Chart Set to Numerical Axis
When setting the Y-axis type to logarithmic axis, the Y-axis tab properties are as follows.
Figure 4: Y-axis Tab with Line Chart Set to Logarithmic Axis
When set to logarithmic axis, a new property logarithmic base appears.
Common Tabs
Although the number of tabs depends on the selected component, there are also some general tabs that are consistent for most components. The following lists some common tabs.
Coordinates
In this tab, set the position of the component on the canvas (top-left coordinates) as well as its width and height.
Figure 5: Coordinates Tab of Line Chart
Slice
Slice is an important function of components in Dashboardx Designer. Most visualization components support data slicing. Users select data in components through interaction and bind the selected portion to the data space. Through slice data, users can query, filter, or aggregate related data, thereby generating new datasets.
Figure 6: Slice Tab of Line Chart
Best Practices
Default settings meet most scenario requirements and may not need adjustment. If adjustment is indeed necessary, please refer to the specific instructions for the component.