jointjs/tutorials/js/links-attr.js

JavaScript diagramming library

(function linksAttr() {

    var graph = new joint.dia.Graph;

    new joint.dia.Paper({
        el: document.getElementById('paper-links-attr'),
        model: graph,
        width: 600,
        height: 100,
        gridSize: 10,
        drawGrid: true,
        background: {
            color: 'rgba(0, 255, 0, 0.3)'
        },
        interactive: false
    });

    var link = new joint.shapes.standard.Link();
    link.source(new g.Point(100, 50));
    link.target(new g.Point(500, 50));
    link.attr({
        line: {
            stroke: 'orange'
        }
    });
    link.addTo(graph);
}());