浏览代码

链接图表数颜色与节点字体颜色一致

cxmo 1 年之前
父节点
当前提交
a8f90a7cae

+ 1 - 1
src/views/chartFrame_manage/common/config.js

@@ -21,7 +21,7 @@ export const textTool = {
             tagName:'text',
             textContent:'aaa',
             attrs:{
-                fill: '#fe854f',
+                fill: '#0052D9',
                 fontSize: 12,
                 textAnchor: 'middle',
                 pointerEvents: 'none',

+ 4 - 4
src/views/chartFrame_manage/components/frameContainer.vue

@@ -129,7 +129,7 @@ export default {
                 currentNode.label=node.nodeName
                 currentNode.data.nodeLink = node.nodeLink
                 currentNode.removeTools()
-                const toolOption = this.getToolOption(node.nodeLink.ChartNum)
+                const toolOption = this.getToolOption({chartNum:node.nodeLink.ChartNum,color:currentNode.attrs.label.fill})
                 currentNode.addTools(toolOption)
             }else{
                 //在视口范围内添加节点
@@ -145,14 +145,14 @@ export default {
                         nodeLink:node.nodeLink,
                     },
                     label:node.nodeName||'',
-                    tools:[this.getToolOption(node.nodeLink.ChartNum)]
+                    tools:[this.getToolOption({chartNum:node.nodeLink.ChartNum,color:baseNode.attrs.label.fill})]
                 }})
-
             }
         },
-        getToolOption(chartNum){
+        getToolOption({chartNum,color}){
             const options = _.cloneDeep(textTool)
             options.args.markup[0].textContent = chartNum +''
+            options.args.markup[0].attrs.fill = color
             return options
         },
         //点击右键菜单事件

+ 8 - 0
src/views/chartFrame_manage/components/frameToolBar.vue

@@ -311,7 +311,15 @@ export default {
                 if(styleMap[id]){
                     attr = this.isSelectNode?styleMap[id][0]:styleMap[id][1]
                 } 
+                
                 this.currentCell.attr(attr,value)
+                //改变节点字体颜色时,角标的颜色也一起改变
+                if(attr==='label/fill'){
+                    let tool = this.currentCell.getTools().items[0]
+                    tool.args.markup[0].attrs.fill = value
+                    this.currentCell.removeTools()
+                    this.currentCell.addTools(tool)
+                }
             }
         },
         changeCellStyle({attr,value}){