第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

有條件地更改鏈接顏色?

有條件地更改鏈接顏色?

天涯盡頭無女友 2021-12-12 11:04:00
我試圖根據(jù)模型數(shù)據(jù)中的鍵/值對更改 GoJS 樹中的鏈接顏色(color在本例中為 )。我試圖通過執(zhí)行以下操作來調(diào)用我的方法來更改鏈接顏色:  myDiagram.linkTemplate =    $(go.Link,      { routing: go.Link.Orthogonal, corner: 5, toShortLength: -2, fromShortLength: -2 },      $(go.Shape, { strokeWidth: 2, stroke: colors["gray"] },      new go.Binding("geometry", "color", setLinkColor))); // the link shape and color但是,我的setLinkColor方法從未被調(diào)用。這里是供參考:  function setLinkColor(color) {    console.log("value of color: ", color);    switch(color) {      case "critical":        link = go.Shape.stroke(colors["orange"]);        break;      default:        link = go.Shape.stroke(colors["white"]);    }     return link;     }如何根據(jù) 的值有條件地為鏈接著色color?更新我曾嘗試按如下方式實(shí)施 Walter 的建議:  var linkColors = {true: colors["orange"], false: colors["white"]};  myDiagram.linkTemplate =  $(go.Link,    $(go.Shape, { strokeWidth: 2 },      new go.Binding("stroke", "critical", function(c) { return linkColors[c] || colors["orange"]; })),    $(go.Shape, { toArrow: "OpenTriangle", strokeWidth: 2 },      new go.Binding("stroke", "critical", function(c) { return linkColors[c] || colors["orange"]; })), myDiagram.model = new go.GraphLinksModel(        [          { key: 2, geo: "thing1", color: colors["white"], critical: false },          { key: 3, geo: "thing2", color: "#F47321", critical: true },          { key: 4, geo: "thing3", color: colors["white"], critical: false },          { key: 5, geo: "thing4", color: colors["white"], critical: false },但是,這仍然沒有為鏈接著色,我做錯了什么?
查看完整描述

1 回答

?
鳳凰求蠱

TA貢獻(xiàn)1825條經(jīng)驗(yàn) 獲得超4個贊

 function init() {

    var $ = go.GraphObject.make;


    myDiagram =

      $(go.Diagram, "myDiagramDiv",

          { "undoManager.isEnabled": true });


    myDiagram.nodeTemplate =

      $(go.Node, "Auto",

        $(go.Shape, { fill: "white", portId: "" },

          new go.Binding("fill", "color")),

        $(go.TextBlock, { margin: 8 },

          new go.Binding("text"))

      );


    var myColors = { "A": "red", "B": "green", "C": "blue" };


    myDiagram.linkTemplate =

      $(go.Link,

        $(go.Shape, { strokeWidth: 2 },

          new go.Binding("stroke", "color", function(c) { return myColors[c] || "blue"; })),

        $(go.Shape, { toArrow: "OpenTriangle", strokeWidth: 2 },

          new go.Binding("stroke", "color", function(c) { return myColors[c] || "blue"; }))

      );


    myDiagram.model = new go.GraphLinksModel(

    [

      { key: 1, text: "Alpha", color: "lightblue" },

      { key: 2, text: "Beta", color: "orange" },

      { key: 3, text: "Gamma", color: "lightgreen" },

      { key: 4, text: "Delta", color: "pink" }

    ],

    [

      { from: 1, to: 2, color: "A" },

      { from: 1, to: 3, color: "B" },

      { from: 2, to: 2 },

      { from: 3, to: 4, color: "C" },

      { from: 4, to: 1, color: "D" }

    ]);

  }


  function test() {

    myDiagram.model.commit(function(m) {

      m.set(m.linkDataArray[0], "color", "B");

    });

  }

鏈接模板顯示了一種將鏈接路徑的筆觸顏色綁定data.color到myColors對象中CSS 顏色的鏈接屬性查找值的方法。


該test函數(shù)顯示了一種修改第一個鏈接顏色的方法。更多討論在https://gojs.net/latest/learn/graphObject.html


查看完整回答
反對 回復(fù) 2021-12-12
  • 1 回答
  • 0 關(guān)注
  • 189 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號