diff --git a/src/module/cytoscapeMap.js b/src/module/cytoscapeMap.js index 20ec636..49cace9 100644 --- a/src/module/cytoscapeMap.js +++ b/src/module/cytoscapeMap.js @@ -164,11 +164,13 @@ export default function cytoscapeMap(mapData, dataLayerType, dataLayerOption, cu 'text-wrap': 'wrap', 'text-max-width': 'data(width)', // 在 div 內換行 'text-overflow-wrap': 'anywhere', // 在 div 內換行 + 'text-margin-x': '-10px', 'text-halign': 'center', 'text-valign': 'center', 'height': 'data(height)', 'width': 'data(width)', 'color': '#001933', + 'line-height': '0.8rem', 'font-size': function(node) { return node.data('type') === 'activity' ? 14 : 22; @@ -213,6 +215,7 @@ export default function cytoscapeMap(mapData, dataLayerType, dataLayerOption, cu return result; }, 'curve-style': curveStyle, // unbundled-bezier | taxi + 'overlay-opacity': 0, // 將overlay-opacity設置為0,移除灰色陰影 'target-arrow-shape': 'triangle', // 指向目標的箭頭形狀: 三角形 'color': 'gray', //#0066cc //'control-point-step-size':100, // 從點到點的垂直線,指定貝茲取線邊緣間的距離 @@ -223,14 +226,18 @@ export default function cytoscapeMap(mapData, dataLayerType, dataLayerOption, cu } },{ selector: '.highlight-edge', - css: { + style: { 'color': '#0099FF', 'line-color': '#0099FF', 'shadow-blur': 12, 'shadow-color': '#0099FF', 'shadow-offset-x': 0, 'shadow-offset-y': 4, + 'shadow-opacity': 0.5, 'z-index': 9999, + 'overlay-color': '#0099FF', + 'overlay-opacity': 0.2, + 'overlay-padding': '5px', } } ], diff --git a/src/module/numberLabel.js b/src/module/numberLabel.js index 75e1d7d..e7bb831 100644 --- a/src/module/numberLabel.js +++ b/src/module/numberLabel.js @@ -24,6 +24,5 @@ const formatNumberWithCommas = (numberStr) => { export default function numberLabel(num) { let parts = num.toString().split('.'); parts[0] = formatNumberWithCommas(parts[0]); - console.log(parts[0]); return parts.join('.'); }