属性列表
当组件在画布中被选中时,属性列表面板会展示该组件的属性。组件的属性会按照标签页进行分类展示,标签页的数量取决于组件可编辑的属性数量。
💡 提示
- 画布中有且仅有一个组件被选中时,属性列表面板才会展示选中组件的属性。如果选中了多个组件,面板会提示当前有多个组件被选中,无法编辑。
- 如果没有组件被选中,那么面板会展示画布的属性列表,可以选择设置画布的分辨率、背景颜色和背景图片等属性。
标签页的动态展示
属性列表面板不会一次展示所有可设置的属性标签页,因为有些标签页的设置依赖于其他标签页中的属性。如果这些设置不同,依赖它们的标签页也会相应变化。一个典型的示例如下,当选择一个柱状图并在图表里设置坐标系为直角坐标时,属性列表里会出现X轴和Y轴标签页。

图1:柱状图设置直角坐标时的属性列表面板
当设置坐标系为极坐标时,属性列表里会出现半径轴和角度轴标签页。

图2:柱状图设置极坐标时的属性列表面板
属性的动态展示
同一标签页下的属性也不会全部展示,因为有些属性依赖于其他属性的设置。如果这些设置不同,依赖它们的属性也会相应变化。一个典型的示例如下,当选择一个折线图并在图表里设置坐标系为直角坐标,同时选择Y轴类型为数值轴时,Y轴标签页属性如下。

图3:折线图设置Y轴为数值轴时的标签页
当把Y轴类型设置为对数轴时,Y轴标签页属性如下。

图4:折线图设置Y轴为对数轴时的标签页
当设置为对数轴时,会出现新的属性对数基数。
常见标签页
虽然标签页的多少取决于选中的组件,但是也有一些通用的标签页,这些标签页对绝大部分组件都是一致的,以下列出了常见的一些标签页。
坐标系
在该标签页中设置组件在画布中的位置(左上角坐标)以及宽度和高度。

图5:折线图的坐标标签页
切片
切片是 Dashboardx 设计器中组件的重要功能,大多数可视化组件都支持数据切片。用户通过交互方式选择组件中的数据,将选中部分绑定到数据空间。通过切片数据,用户可以对关联数据进行查询、过滤或聚合,进而生成新的数据集。

图6:折线图的切片标签页
最佳实践
默认设置已经满足绝大部分场景需求,可以不进行调整。如果确实需要调整,请参考组件的具体说明。