• 主页
  • 标签
  • 归档
  • 搜索
  • Github

May 13, 2020

2020-5-13 工作日志

小书匠

关系图改进

物理动画效果

原本是想实现只有新增的文章节点,进行动画效果. 但是发现在非自由布局的情况下,如果同时出现两篇文章,非自由布局下, 在画布里任意点击,会引起整个页面重新布局.感觉这是 vis 的一个 bug.

  1. 1diff --git a/app/link_networks/link_network.coffee b/app/link_networks/link_network.coffee 

  2. 2index 1548750a..304abcd7 100644 

  3. 3--- a/app/link_networks/link_network.coffee 

  4. 4+++ b/app/link_networks/link_network.coffee 

  5. 5@@ -413,11 +413,6 @@ showDoc = (defaultGroup = 1) -> 

  6. 6 edges: edges 

  7. 7 deleted: false 

  8. 8 } 

  9. 9- physicsNodes = network.body.data.nodes.getDataSet().get().map((item)-> 

  10. 10- item.physics = false 

  11. 11- return item 

  12. 12- ) 

  13. 13- network.body.data.nodes.getDataSet().update(physicsNodes) 

  14. 14 network.body.data.nodes.getDataSet().add(nodes) 

  15. 15 network.body.data.edges.add(edges) 

  16. 16 callback(null) 

  17. 17@@ -438,19 +433,6 @@ onChangeFileModel = (_fileModel)-> 

  18. 18 onChangeFileModel.isAnimationing = true 

  19. 19 if hasAsync 

  20. 20 network.once('stabilized', ()-> 

  21. 21- physicsNodes = network.body.data.nodes.getDataSet().get({ 

  22. 22- fields: ['id', 'physics'] 

  23. 23- type: { 

  24. 24- physics: 'Boolean' 

  25. 25- } 

  26. 26- filter: (item)-> 

  27. 27- return item.physics is false 

  28. 28- }).map((node)-> 

  29. 29- node.physics = undefined 

  30. 30- return node 

  31. 31- ) 

  32. 32- 

  33. 33- network.body.data.nodes.getDataSet().update(physicsNodes) 

  34. 34  

  35. 35 initOpts.hideDimmer() 

  36. 36 network.focus(fileModel.id, {animation: {duration: 500}}) 

  37. 37 

标签节点在非选中状态下,颜色没有正确显示

好像是 vis 还不支持通过 group 属性,修改 icon 节点下的值, 相关问题

最后的临时解决方法,不使用 group 更新 icon, 直接硬编码到每个节点上.

生活

英语

Tagged with 远程工作 | 工作日志 | 小书匠
Time Flies, No Time for Nuts
Copyright © 2020 suziwen
Build with  Gatsbyjs  and  Sculpting theme