Skip to content

提示框 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),可以穿透点击
最近更新