• visjs DataSet支持的数据类型和选择


    数据类型

    DataSet 支持以下数据类型:

    NameDescriptionExamples
    BooleanA JavaScript Booleantrue
    false
    NumberA JavaScript Number32
    2.4
    StringA JavaScript String"hello world"
    "2013-06-28"
    DateA JavaScript Date objectnew Date() new Date(2013, 5, 28) new Date(1372370400000)
    MomentA Moment object, created with moment.jsmoment()
    moment('2013-06-28')
    ISODateA string containing an ISO Datenew Date().toISOString()
    "2013-06-27T22:00:00.000Z"
    ASPDateA string containing an ASP Date"/Date(1372370400000)/" "/Date(1198908717056-0700)/"
    IdId type of items, JavaScript Number or String7
    "7"
    "I'm an id!"
    数据选择
    DataSet.get([id] [, options]);
    DataSet.getIds([options]);
    DataSet.forEach(callback [, options]);
    DataSet.map(callback [, options]);
    
    • 1
    • 2
    • 3
    • 4

    options 是一个对象,其有如下属性

    • fields[String] | Object.,数据属性名数组,或包含一个当前属性名和属性值的对象。非必填
    • typeObject.,包含属性名称作为键,数据类型作为值的对象。默认情况下,数据的属性类型不变。当指定属性类型后,数据中该属性值转换为指定类型。非必填。type见末尾
    • filterFunction,对 DataSet 中的每个数据进行筛选,返回符合条件的数据。非必填
    • orderString | Function,按字段名称或自定义排序功能对项目进行排序。非必填
    • returnTypeString,默认返回一个数组。Object 类型将返回一个以 ID 为键的 JSON 对象。非必填
    演示
    // create a DataSet
    var data = new vis.DataSet();
    data.add([
      {id: 1, text: 'item 1', date: '2013-06-20', group: 1, first: true},
      {id: 2, text: 'item 2', date: '2013-06-23', group: 2},
      {id: 3, text: 'item 3', date: '2013-06-25', group: 2},
      {id: 4, text: 'item 4'}
    ]);
    
    // 返回格式化数据
    var items = data.get({
      fields: ['id', 'date', 'group'],  // 只输出指定的字段
      //fields: { id: 1, date: "1", group: "1" },  //值可任意填写,效果同上
      type: {
        date: 'Date',           // 将date字段转换为日期对象
        group: 'String'         // 将group段转换为字符串
      }
    });
    
    // 通过 id 检索单个数据
    var item1 = dataset.get(1);
    // 通过带有 id 的数组来检索一组数据
    var items = dataset.get([1, 3, 4]); // retrieve items 1, 3, and 4
    // 返回所有数据
    var items = dataset.get();          // retrieve all items
    // 返回 group 值为 2 的所有数据
    var group2 = dataset.get({
      filter: function (item) {
        return (item.group == 2);
      }
    });
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31

    如何实现对 DataSet 进行新增、删除、修改、筛选操作请看下面内容
    visjs 数据的增删改筛选(DataSet & DataView)

  • 相关阅读:
    【数据结构】用堆排序解决TOPK问题
    参照DefenseGrid在Unity中实现合理的塔防寻路机制
    HTTP有什么缺陷,HTTPS是怎么解决的
    xxljob2.3.0适配oracle12c数据库具体实施
    less的使用
    怎么获取开源的商城源码
    指针进阶2(内含库函数qsort的模拟实现)
    YOLOv8优化策略:轻量级Backbone改进 | VanillaNet极简神经网络模型 | 华为诺亚2023
    11.手写原生ajax
    Linux 环境下安装jdk1.8并配置环境变量
  • 原文地址:https://blog.csdn.net/YouZi_X/article/details/126931539