simon987/music-graph-ui
1
0
Fork 0
mirror of https://github.com/simon987/music-graph-ui.git synced 2025-04-10 14:06:41 +00:00
Code Issues Projects Releases Wiki Activity

menu refactor

Browse Source
This commit is contained in:
simon 2019-05-21 21:14:08 -04:00
parent 6cc15d6865
commit 6558cf5a22
1 changed files with 3 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
music_graph/src/MusicGraph.js
View File

@ -184,22 +184,15 @@ export function MusicGraph(data) {
.append('title')
.text(item => item.title)
const angleOffset = items.length === 3 ? 3.72 : 3.927 // Don't ask
const centroid = (idx, rad) => arc(rad, idx, items.length, 30).centroid()
this.menu
.append('g')
.html(d => d.icon)
.classed('menu-icon', true)
.attr('transform', d =>
`translate(${40 * Math.cos(2 * Math.PI * d.idx / items.length + angleOffset) - 10},
${40 * Math.sin(2 * Math.PI * d.idx / items.length + angleOffset) - 10})`
)
.attr('transform', d => `translate(${centroid(d.idx, 1)[0] - 13}, ${centroid(d.idx, 1)[1] - 13})`)
.transition()
.duration(250)
.attr('transform', d =>
`translate(
${57 * Math.cos(2 * Math.PI * d.idx / items.length + angleOffset) - 10},
${57 * Math.sin(2 * Math.PI * d.idx / items.length + angleOffset) - 10})`
)
.attr('transform', d => `translate(${centroid(d.idx, 35)[0] - 10}, ${centroid(d.idx, 35)[1] - 10})`)
}
this.nodeDbClick = (d) => {