指标图谱

wujingjing

2024-10-30 ad6ec45e1d516002672220676294339b5ea6fc2c

 src/views/project/yw/systemManage/agentGraph/shape.ts

文件名从 src/views/project/yw/systemManage/metricAgentMgr/graph/shape.ts 修改
@@ -66,6 +66,7 @@
};

export const rectShape = (id, name) => ({
   shape:'rect',
   width: 80,
   height: 42,
   attrs: {
@@ -80,10 +81,9 @@
         fill: '#080808',
         class: 'name',

         refX: '50%',
         refY: '100%',
         refY2: NODE_TEXT_SPACE,
         yAlign: 'top',
         refY: '0',
         refY2: -NODE_TEXT_SPACE,
         yAlign: 'bottom',
      },
   },
   markup: [
@@ -99,6 +99,42 @@
   ports: { ...directionPorts(id) },
});




export const ellipseShape = (id, name) => ({
   shape:'rect',
   width: 80,
   height: 42,
   attrs: {
      body: {
         stroke: useCssVar('--el-color-warning').value,
         strokeWidth: 1,
         fill: useCssVar('--el-color-warning-light-7').value,
      },
      text: {
         text: name,
         fontSize: BASE_FONT_SIZE,
         fill: '#080808',
         class: 'name',

         refX: '100%',
         refX2: NODE_TEXT_SPACE,
         xAlign: 'left',
      },
   },
   markup: [
      {
         tagName: 'rect',
         selector: 'body',
      },
      {
         tagName: 'text',
         selector: 'text',
      },
   ],
   ports: { ...directionPorts(id) },
});
export const verticalRectShape = (id, name) => ({
   width: 30,
   height: 100,
@@ -147,10 +183,16 @@
            fill: '#080808',
            // writingMode: 'tb-rl',
            class: 'name',
            refX: '100%',
            refX2: NODE_TEXT_SPACE,
            refY: '50%',
            xAlign: 'left',
            // refX: '100%',
            // refX2: NODE_TEXT_SPACE,
            // refY: '50%',
            // xAlign: 'left',


            refX: '50%',
            refY: '100%',
            refY2: NODE_TEXT_SPACE,
            yAlign: 'top',
         },
      },
   };