【问题标题】:Toggle-able D3 chord diagram可切换的 D3 和弦图
【发布时间】:2019-12-21 18:56:06
【问题描述】:

我想在D3.js中修改下面的和弦图,

https://observablehq.com/@d3/chord-dependency-diagram?collection=@d3/d3-chord

点击类别会最小化类别并移除功能区

【问题讨论】:

    标签: javascript d3.js chord-diagram chord


    【解决方案1】:

    完成。按照下面的链接查看演示。本质上,您只需要创建一个更新标签、弦和弧的更新函数,然后向弧添加一个单击事件侦听器,该事件侦听器会修改矩阵数据并调用更新函数。添加动画有点棘手,因为您需要在单击弧之前和之后在两个状态之间补间矩阵数据。剔除数据,200行左右还是可以搞定的。

    const update = () => {
        update_chord();
        update_arcs();
        update_ribbons();
    };
    

    JSFiddle demo

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-04-29
      • 2014-01-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多