Appearance
属性
javascript
// 统计模块配置
statistic: {
// 是否为容器组件
isContainer: false,
// 模块显示名称
displayName: "统计",
// 是否为表单组件
isForm: false,
// 组件列表,用于定义模块内包含的子组件
widgetList: [],
// 是否可以添加数据表查询
canAddDataTableQuery: false,
// 是否可以添加数据表格列表
canAddDataTableList: false,
// 是否可以添加到仪表板
addToPanel: true,
// 是否完成配置
complete: true,
// 模块属性配置
props: {
// 备注信息
remark: "",
// 是否显示详情
isDetail: false,
// 是否隐藏模块
hide: false,
// 模块宽度,单位为格
width: 8,
// 模块标题
title: '统计标题',
// 统计数值
value: 100,
// 数值单位
unit: '%',
// 字体颜色
color: 'rgba(123, 104, 238, 1)',
// 标题颜色
fontColor: '#ffffff',
// 数值分割数量,用于显示多个数值
split: 3,
// 数据列表,包含具体的统计信息
data: [{
title: '同比',
value: 100,
key: "a",
unit: '%',
}, {
title: '环比',
value: 100,
key: "b",
unit: '元',
}, {
title: '周同比',
value: 100,
key: "c",
unit: '美元',
}],
// 组件创建时的回调函数
onCreated: null,
// 组件挂载后的回调函数
onMounted: null,
}
},
方法
名称 | 描述 | 示例 |
---|---|---|
app.getPropsById | 获取当前组件参数值 | app.getPropsById({id}) |
app.setVisible | 设置可见 | app.setVisible({id}, false) |