hover.stroke.color String

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

Example - configuring the hover

<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