返回技能列表

highcharts

vamseeachanta
更新于 2 days ago
3 次查看
3
2
3
在 GitHub 上查看
其他chartshighchartsenterprisestockmapsaccessibility

关于

This skill enables developers to create enterprise-grade interactive charts using Highcharts, including specialized visualizations like stock charts and maps. It provides professional-quality, accessible charts with export capabilities for production applications. Use it when you need polished, WCAG-compliant data visualizations with advanced financial or enterprise features.

快速安装

Claude Code

推荐
主要方式
npx skills add vamseeachanta/workspace-hub -a claude-code
插件命令备选方式
/plugin add https://github.com/vamseeachanta/workspace-hub
Git 克隆备选方式
git clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/highcharts

在 Claude Code 中复制并粘贴此命令以安装该技能

GitHub 仓库

vamseeachanta/workspace-hub
路径: .claude/skills/data/visualization/highcharts
0

相关推荐技能

d3js

其他

这个Skill让开发者能够使用D3.js创建完全自定义的交互式数据可视化,适用于需要精细控制SVG元素和复杂动画的场景。它特别适合构建标准图表库无法实现的独特可视化效果,并提供完整的数据绑定和DOM操作能力。当项目需要高度定制化的交互图表而非快速简单的标准图表时,这是理想选择。

查看技能

plotly-vertical-legends-avoid-toolbar-clash

其他

这个Skill解决了Plotly图表中顶部水平图例与工具栏冲突的问题,通过将图例垂直放置在右侧来优化布局。它提供了具体的代码配置,包括边距调整和紧凑的垂直间距设置,确保图例与交互工具不重叠。特别适用于多求解器对比等复杂图表场景,通过"标题优先"的轨迹排序方式,使图例分组更清晰易用。

查看技能

chartjs-1-use-responsive-containers

其他

这个Skill提供了Chart.js图表实现响应式设计的关键代码示例。它展示了如何通过容器设置和配置选项使图表自适应不同屏幕尺寸,并包含销毁重建图表的最佳实践。开发者可以快速复制这些代码片段来确保数据可视化在不同设备上正确显示。

查看技能

plotly-with-pandas

其他

该Skill提供了Plotly与Pandas、NumPy及Jupyter Notebook集成的核心代码示例,帮助开发者快速创建数据可视化。它特别适用于需要将数据分析结果(如CSV数据或NumPy数组)转换为交互式图表的工作流。关键特性包括Plotly Express的简洁API调用和在Jupyter环境中的直接显示支持。

查看技能