hover.stroke.color String

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

    <div id="diagram"></div>

      var Shape = kendo.dataviz.diagram.Shape;
      var diagram = $("#diagram").data("kendoDiagram");
      var shape1 = diagram.addShape( new Shape({x:100, y: 100}));
      var shape2 = diagram.addShape( new Shape({x:300, y: 100}));

      var connection = new kendo.dataviz.diagram.Connection(shape1, shape2, {
        hover: {
          stroke: {
            color: "red"
        stroke: {
          color: "green",
          width: 2
        selectable: false

In this article
Not finding the help you need? Improve this article