hover Object

Defines the hover configuration.

Example - customizing the shape hovered look

<div id="diagram"></div>
<script>
  var Shape = kendo.dataviz.diagram.Shape;
  $("#diagram").kendoDiagram();
  var diagram = $("#diagram").data("kendoDiagram");

  var shape = new Shape({
    id: 1,
    x: 20,
    y: 20,
    fill: "#c0f0fc",
    hover: {
      fill: {
        color: "#c0f08c"
      }
    }
  });
  diagram.addShape(shape);
</script>

hover.fill String|Object

Defines the hover fill options of the shape.

hover.fill.color String

Defines the hover fill color of the shape.

hover.fill.opacity Number (default: 1)

Defines the hover fill opacity of the shape.

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