Add connector to palette

Question

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 · Answer

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 · Answer

Thanks, this work well

Shyam G · Answer

Hi Gareth, 
We are happy to hear that your problem is resolved. 
Regards, 
Shyam G