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>
    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"
In this article
Not finding the help you need? Improve this article