[]
本文为大家介绍一下插件开发中的一些基础功能以及demo示例。
name
:插件名称
externalJs
:需要引入的外部js,可以通过{{参数名}}
获取配置中的参数
configuration
:扩展参数
配置字段内容获取
设置外部引用包里面的js对象名称,可以在 visual.ts 文件中引用
外部扩展js插件引用方式:
Version:设置插件版本号
可以在里面定义一些图片资源,使用时返回base64文件,用资源图片时,需要在visual.json 中定义名称映射
获取图片内容:
1.dataBinding 数据绑定
(1)dataRoles
name
: 属性名称
displayNameKey
: 显示名称
kind
:
grouping
:用于度量字段的分类或分组。
value
:数值数据。
groupingOrValue
:可用作度量也可以用作分组。
options:format
格式化,displayUnit 数据单位,enum 自定义下拉框,(使用方式后面详细介绍)
(2)dataViewMappings,conditions
设置数据绑定的最大,最小数量。
conditions 组合条件,{},{}属于或者关系,下面示例中可以理解为:
① numeric 没有绑定字段,category 绑定数量无限制。
② numeric 若绑定数据,则category 最多只能绑定一个字段。
2.options>visual 组件属性设置 (使用方式后面详细介绍)
开启数据联动,只有开启数据联动后,才可以实现组件之间数据联动
设置后显示内容:
3.actions 设置组件按钮, 详细介绍请参考Actions。
1.IVisualUpdateOption
属性对象
isViewer
:表示在预览仪表板时是否呈现该组件。
isMobile
::表示是否在移动端显示该组件。
isEditing
:表示组件的编辑状态。当触发了编辑操作时,值为true
。
isFocus
: 表示组件的聚焦状态。当触发了聚焦操作时,值为true
。
dataViews
: 在capabilities.json
中定义的计算数据视图(dataViewMapping
)。
properties
: 在 capabilities.json
中定义的属性模型(options.visual
)。
docTheme
: 选择的文档主题。
language
: 当前语言。
scale
: 比例因子。
filters
: 用来影响其他组件。
2.获取属性设置内容
3.组件排序,此代码完成排序功能
4.数据联动,点击实现仪表板数据互动
(1)设置字段
(2)获取联动item合集
此功能调试代码查看。
5.联动钻取,跳转
参考代码:bindEvents() 方法
6.数据格式化
参考方法:formatData
7.自定义设置
具体参考 number_formatting
方法
8.按钮显示隐藏
更多更详细内容,请参考demo示例。