调整vis.js选项以避免交叉边缘/重叠

时间:2018-11-02 15:19:25

标签: javascript vis.js vis.js-network

因此,我读了this post,其中有人在图表中可视化4chan帖子。看起来很酷,所以我想亲自尝试一下。一切正常,但是我的visjs选项遇到一些问题。

我正在尝试接近他使用的选项。可悲的是他没有在任何地方张贴它们。

这是到目前为止我得到的:

var options = {
  nodes: {
    shape: 'dot',
    scaling: {
      min: 10,
      max: 30,
      customScalingFunction: function (min,max,total,value) { return value },
      label: {
        min: 8,
        max: 30,
        drawThreshold: 12,
        maxVisible: 20
      }
    },
    font: {
      size: 12,
      face: 'Tahoma'
    }
  },
  edges: {
    width: 0.15,
    color: {inherit: 'from'},
    smooth: {
      type: 'continuous'
    }
  },
  physics: {
      barnesHut: {
          springLength: 1000,
          springConstant: 1,
          avoidOverlap: 1
      }
  },
  interaction: {
    tooltipDelay: 200,
    hideEdgesOnDrag: true
  }
};

我的问题是,它们似乎仍然不太正确,而且节点重叠也有麻烦。

JSFiddle 抱歉,代码不干净。

0 个答案:

没有答案