diff --git a/static/js/generalText.js b/static/js/generalText.js index 2ccc48e..7d1f20f 100644 --- a/static/js/generalText.js +++ b/static/js/generalText.js @@ -2,12 +2,30 @@ var tsvPath var stopwords = [] const init = () => { - $(window).on('mousemove', function (e) { + $(window).on('mousemove', (e) => { $('#nodeTitle').css({ left: e.pageX, top: e.pageY }) }) + $('#minRatioLabel').on('mouseenter', () => { + $('#nodeTitle').removeClass('hidden') + $('#nodeTitleContent').html('兩個相鄰單詞之間出現頻率比值的最小值,小於該值不會被演算法選擇') + }).on('mouseleave', () => { + $('#nodeTitle').toggleClass('hidden') + }) + $('#maxRatioLabel').on('mouseenter', () => { + $('#nodeTitle').removeClass('hidden') + $('#nodeTitleContent').html('兩個相鄰單詞之間出現頻率比值的最大值,大於該值不會被演算法選擇') + }).on('mouseleave', () => { + $('#nodeTitle').toggleClass('hidden') + }) + $('#wordcount').on('mouseenter', () => { + $('#nodeTitle').removeClass('hidden') + $('#nodeTitleContent').html('僅計算中文字的字數') + }).on('mouseleave', () => { + $('#nodeTitle').toggleClass('hidden') + }) } function clearStopWord() { @@ -123,6 +141,12 @@ function buildSentetree() { .on('nodeMouseleave', () => { $('#nodeTitle').addClass('hidden') }) + .on('linkMouseenter', (node) => { + $('#nodeTitle').removeClass('hidden') + $('#nodeTitleContent').html('連線粗細:連接的兩個單詞同時出現的頻率
連線顏色:同層級單詞為灰色連線,不同層級為橘色連線') + }).on('linkMouseleave', () => { + $('#nodeTitle').addClass('hidden') + }) new ResizeSensor(jQuery('#d3kitRoot'), function () { var scale, origin; scale = Math.min(2, ($('#graph').outerWidth()) / ($('#d3kitRoot').outerWidth() + 60)) diff --git a/templates/generalTxt.html b/templates/generalTxt.html index 401456e..3850690 100644 --- a/templates/generalTxt.html +++ b/templates/generalTxt.html @@ -45,17 +45,13 @@

這是泛用文字視覺化工具,能夠簡單處理文字檔的視覺化。

支援的語言:繁體中文、英文以及所有使用空格分詞的語言。

使用繁體中文Jieba斷詞器,不保證簡體中文能夠正常使用。

-

參數說明:

-

MaxRatio:兩個相鄰的單詞之間出現頻率的最大比值

-

MinRatio:兩個相鄰的單詞之間出現頻率的最小比值

-

(演算法除了比值外還有其他參考因素,並非符合比值範圍的單詞全部都會顯示出來。)

- + - +