Edit this page

hover.stroke.color String

Defines the highlight color when the pointer is hovering over the connection.

Example setting color and hovering color of the connection

<div id="diagram"></div>
<script>
    var Point = kendo.dataviz.diagram.Point;
    var diagram = $("#diagram").kendoDiagram({ }).getKendoDiagram();
    var shapeA = diagram.addShape(new Point(100, 100));
    var shapeB = diagram.addShape(new Point(400, 100));
    var connection = diagram.connect(shapeA, shapeB, {
        stroke: { color: "red" },
        hover: {
            stroke: {
                color: "blue"
            }
        }
    });
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy