Рисовать линию в mxGraph с XML? - PullRequest
Новая
       41

Рисовать линию в mxGraph с XML?

0 голосов
/ 04 сентября 2018

Я использую этот пример mxGraph Редактор

Я пытаюсь использовать библиотеку для создания редактора лестничных диаграмм, поэтому я хочу рисовать начальную и конечную линии, но они все время нужны мне как граница для области диаграмм слева и справа все время (начните с редактора каждый раз ), как я могу это сделать и как сделать их подключаемыми к элементам?

Может кто-нибудь помочь, пожалуйста?

поясняющее изображение: what I want to do in a pic

Редактировать

этот код рисует линию, затем я позиционирую ее со свойством геометрии. 

var xml = "<root>"+
                "<MyObject id=\"2\">"+
                "<mxCell style=\"strokeColor=black;fillColor=black\" parent=\"1\" vertex=\"1\" type = 'startLine'>"+
                "<mxGeometry x=\"0\" y=\"0\" width=\"2\" height=\"119\" as=\"geometry\"/>"+
                "</mxCell></MyObject></root>";
        doc = mxUtils.parseXml(xml),
        codec = new mxCodec(doc),
        elt = doc.documentElement.firstChild,
        cells = [];

        while (elt != null){                
            cells.push(codec.decodeCell(elt));
            elt.setAttribute('attribute1', 'value1');
            $this.editor.graph.refresh();
            elt = elt.nextSibling;
        }
        $this.editor.graph.addCells(cells);

1 Ответ

0 голосов
/ 13 сентября 2018

для того, чтобы вопрос был помечен как "отвеченный" и чтобы другие могли его увидеть:

сделать это: 

var xml = "<root>"+
                "<MyObject id=\"2\">"+
                "<mxCell style=\"strokeColor=black;fillColor=black\" parent=\"1\" vertex=\"1\" type = 'startLine'>"+
                "<mxGeometry x=\"0\" y=\"0\" width=\"2\" height=\"119\" as=\"geometry\"/>"+
                "</mxCell></MyObject></root>";
        doc = mxUtils.parseXml(xml),
        codec = new mxCodec(doc),
        elt = doc.documentElement.firstChild,
        cells = [];

        while (elt != null){                
            cells.push(codec.decodeCell(elt));
            elt.setAttribute('attribute1', 'value1');
            $this.editor.graph.refresh();
            elt = elt.nextSibling;
        }
        $this.editor.graph.addCells(cells);
...