depot-octopus

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

}