提示框

G6 中内置的 Tooltip 组件。

使用指南

下面的代码演示展示了如何在图上使用 tooltip。如果需要定义 tooltip 的样式,需要定义类名为 g6-tooltip 的标签的 CSS 样式:

.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;
  }

演示

提示框