logoCreated with Sketch.

G6

Tooltip

Tooltip is a built-in components in G6.

Usage

The demo below show how to use tooltip on graph. Tooltip's style can be defined by the CSS with class name g6-tooltip:

.g6-tooltip {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    font-size: 12px;
    color: #545454;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px 8px;
    box-shadow: rgb(174, 174, 174) 0px 0px 10px;
  }

Examples

提示框