CSU_Zipple的博客

以前做可视化是直接使用echarts的组件的，现在使用d3试试下载d3在vue项目中使用d3.js只需要npm install d3即可粗糙版的直方图分析生成直方图分为以下几个步骤：生成矩形根据svg大小进行缩放生成坐标轴生成文字标签直方图代码import * as d3 from 'd3'export default { name: 'Visualizati...

怎么设置力导向图的线条长度API并没有给出示例，导致我一直不知道distance这个代码往哪里加，这里记录一下.const simulation = d3.forceSimulation().force('link', d3.forceLink().id(d => d.id).distance(100)) .force('charge', d3.forceManyBody...

毕设有一个需求是根据展示药物和蛋白质之间的联系，所以药物是中心节点。很快的可以利用d3的力导向图做出以下效果：不过，我们应该要固定药物所在的节点。查一下相关的API，传送门：https://github.com/xswei/d3-force/blob/master/README.md#simulation_nodes由于D3最后会修改我们传入的节点信息数据，因此我们可以直接对数据进行如下...