bubble-chart
✓构建 BubbleChart 组件。用于具有大小编码的散点图，显示三个变量之间的关系。
SKILL.md
BubbleChart displays data points as circles where position (x, y) and size encode three different variables. Great for showing relationships and clusters.
| data | T[] | required | Array of data objects | | categories | Record | required | Color mapping for categoryKey values | | categoryKey | keyof T | required | Data key for bubble coloring | | xAccessor | (d: T) => number | - | Function to get x-position | | yAccessor | (d: T) => number | - | Function to get y-position |
| sizeAccessor | (d: T) => number | - | Function to get bubble size | | sizeRange | [number, number] | [1, 20] | Min/max bubble radius in pixels | | opacity | number | - | Bubble opacity (0-1) | | height | number | required | Chart height in pixels | | xFormatter | (tick, i?, ticks?) => string | - | X-axis label formatter |
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/dennisadriaans/vue-chrts --skill bubble-chart- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-02
- 更新时间
- 2026-02-18
快速解答
什么是 bubble-chart？
构建 BubbleChart 组件。用于具有大小编码的散点图，显示三个变量之间的关系。 来源：dennisadriaans/vue-chrts。
如何安装 bubble-chart？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/dennisadriaans/vue-chrts --skill bubble-chart 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/dennisadriaans/vue-chrts
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-02