提示框 Tooltip
点击数据点时弹出的信息浮层。
配置
typescript
{
tooltip: {
show: true, // 是否启用提示框,默认 true
showCrosshairs: true, // 是否显示十字线(竖线),默认依据配置
crosshairsColor: '', // 十字线颜色(优先级低于 activeStyle.crosshairColor)
formatter: '' // 提示文本格式化,{title} {value} 会被替换
}
}格式化示例
typescript
// 默认格式:显示字段名和值
// 输出如:sales: 120
// 自定义格式
tooltip: {
formatter: '{title}: {value}元'
}
// 输出如:1月: 120元提示框行为
- 点击数据点 → 显示提示框 + 十字线
- 再次点击同一点 → 隐藏提示框(切换)
- 点击其他数据点 → 切换到新数据点
- 点击空白区域 → 隐藏提示框
- 提示框不拦截触摸事件(
pointer-events: none),可以穿透点击
