0.0.1-alpha.3 • Published 3 years ago
depot-octopus v0.0.1-alpha.3
API 与 options
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| id | 指定画布容器 id | String | #body |
| canvasWidth | 指定画布宽度 | Number | window.innerWidth |
| canvasHeight | 指定画布高度 | Number | window.innerHeight |
| canvasMin | 缩放最小比例 | Number | 0.2 |
| canvasMax | 缩放最大比例 | Number | 3 |
| canvasBackground | 指定画布背景 | String | #fff |
| duration | 动画持续时长 | Number | 750 |
| dataSource | 数据 | Array | -- |
| onlyKeyName | codeName | String | code |
| openSearch | 开启搜索 | Boolean | true |
| searchPlaceHolder | 搜索框占位文字 | String | 搜索 |
| onSelect | 选择回调 | Function(data, { status: 'all' \|\| 'selected' \|\| 'unSelect' }) | - |
实例方法
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| deleteSelect | 删除选中项, 只对信息项有效 | Function(Array信息项code)) | - |
| clearSelect | 清除所有选中信息项 | Function() | - |
| updataInfoItems | 更新信息项 | Function(Array完整信息项) | - |
updataInfoItems Array 为所有选中的信息项, Array 包含的信息项选中, 并清除不包含在内的信息项选中状态
mars.loadScript("/mars/thirdparty/dataV/D3JS-v4.13.0/d3-v4.js", false); mars.loadScript("/mars/thirdparty/dataV/Octopus/octopus.js", false);
if (d3 && d3.version === '4.13.0' && Octopus) {
var octopusIns = new Octopus({
/*
json 格式
{
key: value,
children: [{
key: value
}]
}
*/
dataSource: json,
onSelect: function(data, obj) {
// status == 'selected'
// status === 'all'
// status === 'unSelect'
var load = obj, status = obj;
if (load) {
return new Promise(function (resolve, reject) {
resolve(infoItemList);
});
}
if (status == 'selected' || status === 'all') {
console.log('onSelect::', data);
} else {
// unSelect
console.log('onSelect unSelect::', data);
}
},
onClearSelect: function (data, obj) {
// { status: 'clear' }
console.log('onClearSelect:', data);
}
});
}