javascript - 可切换的 D3 和弦图
问题描述
我想在 D3.js 中修改以下和弦图,
https://observablehq.com/@d3/chord-dependency-diagram?collection=@d3/d3-chord
单击类别将最小化类别并删除功能区
解决方案
完毕。按照下面的链接查看演示。本质上,您只需要创建一个更新标签、弦和弧的更新函数,然后向弧添加一个单击事件侦听器,该事件侦听器会修改矩阵数据并调用更新函数。添加动画有点棘手,因为您需要在单击弧之前和之后在两个状态之间补间矩阵数据。剔除数据,200行左右还是可以搞定的。
const update = () => {
update_chord();
update_arcs();
update_ribbons();
};
推荐阅读
- objective-c - tvos - 将键盘切换到字母数字模式后,日语变为英语
- javascript - 检查已经在 Gatsby 中创建的页面
- angularjs - 当我更改日期格式时,angular.js 中的排序中断
- javascript - 当用户开始输入时删除占位符 0
- c++ - 当我清除一个结构向量时会发生什么?
- google-sheets - Google 表格:将两个表格连接在一起
- sql - 将查询的值存储到 SQL Server 变量中
- javascript - 运行 Mocha 测试时组件文件中未找到模块错误
- python - 不在Python中写入外部文件
- artifactory - Artifactory 7.3,基于 docker,设置问题