change to object destructuring for drawGraph() arguments
| | |
| | | async function drawGraph( |
| | | baseUrl, |
| | | pathColors, |
| | | async function drawGraph(baseUrl,isHome,pathColors,graphConfig) { |
| | | |
| | | let { |
| | | depth, |
| | | enableDrag, |
| | | enableLegend, |
| | | enableZoom, |
| | | isHome, |
| | | opacityScale, |
| | | scale, |
| | | repelForce, |
| | | fontSize |
| | | ) { |
| | | fontSize} = graphConfig; |
| | | |
| | | const container = document.getElementById("graph-container") |
| | | const { index, links, content } = await fetchData |
| | | |
| | |
| | | |
| | | ### Local Graph ### |
| | | |
| | | localGraph: |
| | | enableLegend: false |
| | | enableDrag: true |
| | | enableZoom: true |
| | |
| | | |
| | | ### Global Graph ### |
| | | |
| | | enableLegendGG: false |
| | | enableDragGG: true |
| | | enableZoomGG: true |
| | | depthGG: -1 # set to -1 to show full graph |
| | | scaleGG: 1.4 |
| | | repelForceGG: 1 |
| | | centerForceGG: 1 |
| | | linkDistanceGG: 1 |
| | | fontSizeGG: 0.5 |
| | | opacityScaleGG: 3 |
| | | globalGraph: |
| | | enableLegend: false |
| | | enableDrag: true |
| | | enableZoom: true |
| | | depth: -1 # set to -1 to show full graph |
| | | scale: 1.4 |
| | | repelForce: 1 |
| | | centerForce: 1 |
| | | linkDistance: 1 |
| | | fontSize: 0.5 |
| | | opacityScale: 3 |
| | | |
| | | ### Graphs ### |
| | | ### For all graphs ### |
| | | |
| | | paths: |
| | | - /moc: "#4388cc" |
| | |
| | | if (isHome && {{$.Site.Data.graphConfig.enableGlobalGraph}}) { |
| | | drawGraph( |
| | | {{strings.TrimRight "/" .Site.BaseURL}}, |
| | | {{$.Site.Data.graphConfig.paths}}, |
| | | {{$.Site.Data.graphConfig.depthGG}}, |
| | | {{$.Site.Data.graphConfig.enableDragGG}}, |
| | | {{$.Site.Data.graphConfig.enableLegendGG}}, |
| | | {{$.Site.Data.graphConfig.enableZoomGG}}, |
| | | true, |
| | | {{$.Site.Data.graphConfig.opacityScaleGG}}, |
| | | {{$.Site.Data.graphConfig.scaleGG}}, |
| | | {{$.Site.Data.graphConfig.repelForceGG}}, |
| | | {{$.Site.Data.graphConfig.fontSizeGG}} |
| | | {{$.Site.Data.graphConfig.paths}}, |
| | | {{$.Site.Data.graphConfig.globalGraph}} |
| | | ); |
| | | } else { |
| | | drawGraph( |
| | | {{strings.TrimRight "/" .Site.BaseURL}}, |
| | | {{$.Site.Data.graphConfig.paths}}, |
| | | {{$.Site.Data.graphConfig.depth}}, |
| | | {{$.Site.Data.graphConfig.enableDrag}}, |
| | | {{$.Site.Data.graphConfig.enableLegend}}, |
| | | {{$.Site.Data.graphConfig.enableZoom}}, |
| | | false, |
| | | {{$.Site.Data.graphConfig.opacityScale}}, |
| | | {{$.Site.Data.graphConfig.scale}}, |
| | | {{$.Site.Data.graphConfig.repelForce}}, |
| | | {{$.Site.Data.graphConfig.fontSize}} |
| | | {{$.Site.Data.graphConfig.paths}}, |
| | | {{$.Site.Data.graphConfig.localGraph}} |
| | | ); |
| | | } |
| | | |