你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

DataView 构造

2021/11/23 0:23:02

DataView 构造

var data = new vis.DataView(dataset, options)
  • dataset 是 DataSet 或者 DataView.
  • options 是一个对象,包含以下属性,以下属性方法与 DataSet.get and DataView.get 中可用的属性完全相同【数据选择的options】converttypefieldsfilter
// create a DataSet
var data = new vis.DataSet();
data.add([
  {id: 1, text: 'item 1', date: new Date(2013, 6, 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'}
]);

// 创建视图
// 该视图将仅包含具有值为 1 的group的数据,
// 并且只会输出字段 id、text 和 date。
var view = new vis.DataView(data, {
	filter: function (item) {
	  return (item.group == 1);
	},
  	fields: ['id', 'text', 'date']
});

// 监听 DataView 中的任何更改
view.on('*', function (event, properties, senderId) {
  console.log('event', event, properties);
});

// 更新 DataSet 中的数据
data.update({id: 2, group: 1});

// 获取视图(view)中的所有id
var ids = view.getIds();
console.log('ids', ids); // will output [1, 2]

// 获取视图(view)中的所有数据
var items = view.get();

DataPipe

https://visjs.github.io/vis-data/data/datapipe.html