1. Feedback
  2. Vue
  3. 56733

Welcome to the Vue feedback portal. We’re happy you’re here! If you have feedback on how to improve the Vue, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

loadDiagram doesn't load the annotations content

Created a simple diagram and saved it with saveDiagram

When loading the data I see it as:

"{\"nodes\":[{\"shape\":{\"type\":\"Basic\",\"cornerRadius\":15},\"id\":\"node995\",\"width\":100,\"height\":50,\"offsetX\":370.5625,\"offsetY\":169,\"annotations\":[{\"id\":\"x7Knm\",\"content\":\"NewNode1\",\"addInfo\":{\"subs\":null,\"nodeType\":\"Entity\",\"attributes\":[{\"id\":\"zcdz\",\"type\":\"boolean\",\"value\":\"\",\"is_inferred\":false}]}}],\"zIndex\":0,\"constraints\":5240806,\"inEdges\":[\"connectorXIkQZ\"],\"outEdges\":[\"connectorXIkQZ\"]},{\"shape\":{\"type\":\"Basic\",\"shape\":\"Diamond\"},\"id\":\"node231\",\"width\":100,\"height\":50,\"offsetX\":481.5625,\"offsetY\":308,\"annotations\":[{\"id\":\"TEDRw\",\"content\":\"NewNode2\",\"addInfo\":{\"subs\":null,\"nodeType\":\"Relation\",\"attributes\":[]}}],\"zIndex\":1,\"constraints\":5240806,\"inEdges\":[\"connectorXIkQZ\"],\"outEdges\":[\"connectorXIkQZ\"]}],\"connectors\":[{\"type\":\"Orthogonal\",\"sourcePoint\":{\"x\":481.56,\"y\":284.58},\"targetPoint\":{\"x\":370.56,\"y\":194},\"id\":\"connectorXIkQZ\",\"sourceID\":\"node231\",\"zIndex\":2,\"cornerRadius\":10,\"constraints\":1027966,\"annotations\":[{\"id\":\"U8GIQ\",\"addInfo\":null,\"margin\":{\"bottom\":10},\"content\":\"ssassssssssssssssssss\"}],\"segments\":[{\"type\":\"Orthogonal\"}],\"targetID\":\"node995\"}],\"scrollSettings\":{\"canAutoScroll\":true,\"scrollLimit\":\"Infinity\",\"viewPortWidth\":1062,\"viewPortHeight\":969,\"horizontalOffset\":-4,\"verticalOffset\":2},\"serializationSettings\":{\"preventDefaults\":true},\"tool\":5,\"constraints\":2550,\"layers\":[{\"objects\":[\"node995\",\"node231\",\"connectorXIkQZ\"],\"id\":\"default_layer\",\"visible\":true,\"lock\":false,\"zIndex\":0,\"objectZIndex\":4}],\"selectedItems\":{\"width\":0,\"height\":0}}"


If you search you will see there is content for the connection annotation (with the amazing text of 

ssassssssssssssssssss)

The resulted diagram does not have this content 

For now, I ended up with a fix - 
ugly but works.

function fixMissingConnectorsContent(diagram, data) {
    const dataObj = JSON.parse(data)
    diagram.connectors.forEach((connector) => {
        const correspondingDataConnector = dataObj.connectors.find((dc: { id: string; }) => dc.id === connector.id);
        if (correspondingDataConnector && correspondingDataConnector.annotations && correspondingDataConnector.annotations.length > 0) {
            if (!connector.annotations) {
                connector.annotations = [];
            }
            connector.annotations[0].content = correspondingDataConnector.annotations[0].content;
        }

    }
    )
}

Please notify me when you fix it so I will be able to remove the fix