|
|
@ -135,15 +135,16 @@ function buildSentetree() {
|
|
|
|
});
|
|
|
|
});
|
|
|
|
tree.data(model.getRenderedGraphs(2))
|
|
|
|
tree.data(model.getRenderedGraphs(2))
|
|
|
|
.on('nodeMouseenter', (node) => {
|
|
|
|
.on('nodeMouseenter', (node) => {
|
|
|
|
|
|
|
|
console.log(node)
|
|
|
|
$('#nodeTitle').removeClass('hidden')
|
|
|
|
$('#nodeTitle').removeClass('hidden')
|
|
|
|
$('#nodeTitleContent').html(node.data.topEntries.map((n) => data[n.id].rawtxt).join('<br>'))
|
|
|
|
$('#nodeTitleContent').html('<ul>' + node.data.topEntries.map((n) => "<li>" + data[n.id].rawtxt + "</li>").join('') + "</ul>")
|
|
|
|
})
|
|
|
|
})
|
|
|
|
.on('nodeMouseleave', () => {
|
|
|
|
.on('nodeMouseleave', () => {
|
|
|
|
$('#nodeTitle').addClass('hidden')
|
|
|
|
$('#nodeTitle').addClass('hidden')
|
|
|
|
})
|
|
|
|
})
|
|
|
|
.on('linkMouseenter', (node) => {
|
|
|
|
.on('linkMouseenter', (node) => {
|
|
|
|
$('#nodeTitle').removeClass('hidden')
|
|
|
|
$('#nodeTitle').removeClass('hidden')
|
|
|
|
$('#nodeTitleContent').html('連線粗細:連接的兩個單詞同時出現的頻率<br>連線顏色:同層級單詞為灰色連線,不同層級為橘色連線')
|
|
|
|
$('#nodeTitleContent').html('頻率:' + (node.freq / 10))
|
|
|
|
}).on('linkMouseleave', () => {
|
|
|
|
}).on('linkMouseleave', () => {
|
|
|
|
$('#nodeTitle').addClass('hidden')
|
|
|
|
$('#nodeTitle').addClass('hidden')
|
|
|
|
})
|
|
|
|
})
|
|
|
|