chartjs-chartjs-zoom-plugin
关于
This skill enables zooming and panning functionality for Chart.js visualizations via the chartjs-plugin-zoom. It allows users to interactively explore detailed data regions by dragging to pan and scrolling to zoom on charts. Developers should use this when they need to add interactive data navigation to their Chart.js graphs.
快速安装
Claude Code
推荐npx skills add vamseeachanta/workspace-hub -a claude-code/plugin add https://github.com/vamseeachanta/workspace-hubgit clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/chartjs-chartjs-zoom-plugin在 Claude Code 中复制并粘贴此命令以安装该技能
GitHub 仓库
相关推荐技能
d3js
其他这个Skill让开发者能够使用D3.js创建完全自定义的交互式数据可视化，适用于需要精细控制SVG元素和复杂动画的场景。它特别适合构建标准图表库无法实现的独特可视化效果，并提供完整的数据绑定和DOM操作能力。当项目需要高度定制化的交互图表而非快速简单的标准图表时，这是理想选择。
plotly-with-pandas
其他该Skill提供了Plotly与Pandas、NumPy及Jupyter Notebook集成的核心代码示例，帮助开发者快速创建数据可视化。它特别适用于需要将数据分析结果（如CSV数据或NumPy数组）转换为交互式图表的工作流。关键特性包括Plotly Express的简洁API调用和在Jupyter环境中的直接显示支持。
plotly-vertical-legends-avoid-toolbar-clash
其他这个Skill解决了Plotly图表中顶部水平图例与工具栏冲突的问题，通过将图例垂直放置在右侧来优化布局。它提供了具体的代码配置，包括边距调整和紧凑的垂直间距设置，确保图例与交互工具不重叠。特别适用于多求解器对比等复杂图表场景，通过"标题优先"的轨迹排序方式，使图例分组更清晰易用。
highcharts-theming
其他该Skill提供了Highcharts图表主题定制功能，让开发者能快速应用统一的视觉样式。通过Highcharts.setOptions()方法，可集中配置颜色方案、背景、字体等核心设计元素。适用于需要批量定制或统一品牌化图表场景，提升数据可视化的一致性和开发效率。