开发预览 更新于 2026-05-10

ChartCrosshair 图表十字线

可嵌入任何 SVG 图表的十字定位线 + tooltip 工具。

基础用法

数据通过 props 传入,纯 SVG 渲染,无第三方图表库依赖。 配色取自 --viz-1..8 token,色盲友好。

y=60
<CfChartCrosshair ... />
<CfChartCrosshair ... />

API

属性类型默认值说明
visiblebooleantrue
x / ynumber像素坐标(在父 SVG 坐标系内)
width / heightnumber父 SVG 总尺寸(用于线长)
showVertical / showHorizontalbooleantrue / false
tooltipstring跟随光标的数值标签

反馈与讨论

ChartCrosshair 图表十字线 的讨论

0
0 / 600
一键发送
正在加载评论...