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最后会修改我们传入的节点信息数据，因此我们可以直接对数据进行如下...