Add connector to palette

[Gareth Brown]

I'm trying to add connector to the ejSymbolPalette, but there doesn't seem to be an obvious way. The following code errors, I'm using TypeScript.

let basicpalette = {
    name: "Basic Shapes",
    expanded: true,
    items: [{
        name: "Connector",
        height: 50,
        width: 50,
        shape: ej.datavisualization.Diagram.ConnectorShapes.Classifier
    }]
};


$(name).ejSymbolPalette({
    // Relates Diagram with SymbolPalette
    diagramId: "diagram",
    width: "400px",
    height: "200px",
    headerHeight: 30,
    expanded: true,
    palettes: [
        nixorpalette
    ],
    showPaletteItemText: true
});

[Shyam G]

Hi Gareth, 

We have created a sample in which we have rendered the connector in the symbol palette. Please refer to the code example and sample below. 

Code example: 

function createPaletteConnectors(option: ej.datavisualization.SymbolPalette.Palette) { 

    . . . . . 

    . . . . . 

    option.items = [ 

        //create connector 

        createConnector1({ name: "Link1", segments: [{ type: ej.datavisualization.Diagram.Segments.Orthogonal }] }), 

        createConnector1({ name: "Link2", segments: [{ type: ej.datavisualization.Diagram.Segments.Straight }] }) 

    ]; 

    return option; 

} 

function createConnector1(option: ej.datavisualization.Diagram.Connector) { 

    option.sourcePoint = createPoint({ x: 0, y: 0 }); 

    option.targetPoint = createPoint({ x: 40, y: 40 }); 

    option.targetDecorator = { shape: "arrow", borderColor: "#A9A9A9", fillColor: "#A9A9A9" }, 

    option.lineWidth = 2; 

    option.lineColor = "#A9A9A9"; 

    return option; 

} 

Sample:http://www.syncfusion.com/downloads/support/directtrac/general/ze/DiagramTSApp1512128859 

Regards, 

Shyam G 

[Gareth Brown]

Thanks, this work well

[Shyam G]

Hi Gareth, 

We are happy to hear that your problem is resolved. 

Regards, 

Shyam G