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);
    }
  });

}