All versions of this documentation
X

Cursor style

Different cursor styles can be used when the mouse is on the background and when it hovers nodes or edges.

Open in a new window.
          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script src="../build/ogma.min.js"></script>
  <style>
    #graph-container { cursor: move; top: 0; bottom: 0; left: 0; right: 0; position: absolute; }
  </style>
</head>
<body>
  <div id="graph-container"></div>

<script>
'use strict';

var ogma = new Ogma({
  container: 'graph-container',
  options: {
    cursor: {
      default: 'move',
      onNodeHover: 'pointer',
      onEdgeHover: 'pointer'
    }
  }
});

ogma.generate.random({nodes: 10, edges: 20}).then(function(g) {
  ogma.setGraph(g);
  ogma.view.locateGraph();
});

</script>
</body>
</html>