用途:为 Svelte 项目提供 LayerChart 图表组件的使用模式,重点覆盖 tooltip 片段、Chart 上下文访问以及 Svelte 5 snippet 写法。
主要能力与用法:安装命令为 npm i layerchart d3-scale。基础结构使用 Chart 组件,设置 data 以及 x、y 字段,并通过 tooltip={{ mode: 'bisect-x' }} 启用提示。图表内部使用 Svg 包裹 Area、Highlight 等组件;Tooltip.Root 内用 {#snippet children({ data })} 读取数据,而非 let:data。还可通过 {#snippet children({ context })} 访问 Chart 上下文,通过 {#snippet children({ gradient })} 使用渐变。数据可标注类型:{#snippet children({ data }: { data: MyType })}。
提示模式:band 适用于柱状图(scaleBand);bisect-x 适用于时间序列面积图或折线图;quadtree-x 适用于面积图(最近 x);quadtree 适用于散点图。
参考文档:full-patterns.md 覆盖 Area、Bar、Pie、Calendar;tooltip-modes.md 列出全部模式;graph-patterns.md 涉及 ForceGraph、zoom/pan。文档地址为 layerchart.com。
限制:资料未提供收费、价格、平台兼容性及性能数据,暂未提供相关信息。