feat: add basic support for packinmg chart

inherd · Feb 8, 2021 · d69c249 · d69c249
1 parent 6dfb754
commit d69c249
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/web/public/js/graph/cloc/circle-packing.js b/web/public/js/graph/cloc/circle-packing.js
@@ -60,7 +60,11 @@ function renderPacking(originData) {
     })
     .on("click", (event, d) => focus !== d && (zoom(d), event.stopPropagation()))
     .on("contextmenu", (event, d) => {
-      MenuSupport.createContextMenu(event, d, MenuSupport.defaultMenuItems, svg);
+      console.log(event, d);
+      MenuSupport.createContextMenu(event, d, MenuSupport.defaultMenuItems, svg, {
+        width: -width / 2,
+        height: -height / 2
+      });
       event.stopPropagation();
     })
 

diff --git a/web/public/js/support/menu-support.js b/web/public/js/support/menu-support.js
@@ -1,4 +1,3 @@
-
 let MenuHandle = {
   copyText: function (text) {
     let ta = document.createElement("textarea");
@@ -13,13 +12,18 @@ let MenuHandle = {
 }
 
 let MenuSupport = {
-  menuFactory: function (x, y, menuItems, data, svg) {
+  menuFactory: function (x, y, menuItems, data, svg, offsetOptions) {
     d3.select(".contextMenu").remove();
 
     // Draw the menu
     svg.append('g')
       .attr('class', "contextMenu")
-      .attr('transform', 'translate(0, 10)')
+      .attr('transform', function (d) {
+        if (!!offsetOptions && offsetOptions.width) {
+          return 'translate(' + offsetOptions.width + ',' + offsetOptions.height + ')'
+        }
+        return 'translate(0, 10)';
+      })
       .selectAll('tmp')
       .data(menuItems).enter()
       .append('g').attr('class', "menuEntry")
@@ -60,8 +64,8 @@ let MenuSupport = {
         d3.select(".contextMenu").remove();
       });
   },
-  createContextMenu: function (event, d, menuItems, svg) {
-    MenuSupport.menuFactory(event.layerX, event.layerY, menuItems, d, svg);
+  createContextMenu: function (event, d, menuItems, svg, offsetOptions) {
+    MenuSupport.menuFactory(event.layerX, event.layerY, menuItems, d, svg, offsetOptions);
     event.preventDefault();
   },
   defaultMenuItems: [