如何封裝一款類似Echarts 力導(dǎo)向圖的關(guān)系圖插件

我想了想也覺的太復(fù)雜了,用個(gè)canvas全畫出來,按坐標(biāo)判斷點(diǎn)擊事件吧!

用D3?

不知道怎么封裝可以先從用法下手 把可能用到的用法列出來 然后寫功能

var chart = new MyD3Force({
  nodes:[{ "name": "云天河", "image":"tianhe.png" },],
  edges:[{ "source": 0 , "target": 1 , "relation":"摯友" }],
  timeAxis:[],//事件軸數(shù)據(jù)
})

chart.force  //獲取 force 
chart.linex  //獲取線 
chart.node  //獲取所有節(jié)點(diǎn) 

chart.node.on("click",function(d,i){//some code})

上面只是簡單的 其中復(fù)雜的還有 文本顏色 字體大小 配置 等等