g6/examples/tool/tooltip/index.zh.md
2019-11-20 23:24:52 +08:00

20 lines
492 B
Markdown

---
title: 提示框
order: 0
---
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;
}
```