echarts-animation-configuration
Über
Diese Fähigkeit bietet Konfigurationsoptionen zur Animation von ECharts-Visualisierungen, einschließlich Timing, Easing und sequenziellen Verzögerungen. Sie behandelt auch interaktive Funktionen wie Daten-Zooming/Panning und Pinselauswahl zum Hervorheben von Diagrammelementen. Nutzen Sie sie, wenn Sie flüssige Übergänge hinzufügen oder Benutzerinteraktionen in Ihren ECharts-Diagrammen ermöglichen möchten.
Schnellinstallation
Claude Code
Empfohlennpx 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/echarts-animation-configurationKopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren
GitHub Repository
Verwandte Skills
d3js
AndereDiese Fähigkeit ermöglicht es Entwicklern, vollständig angepasste, interaktive Datenvisualisierungen mit D3.js zu erstellen und bietet volle Kontrolle über SVG-Elemente und Datenbindung. Sie ist ideal zum Erstellen einzigartiger, komplexer Diagramme mit anspruchsvollen Übergängen und Interaktionen, die Standardbibliotheken nicht erreichen können. Nutzen Sie sie, wenn Sie maßgeschneiderte, datengesteuerte Visualisierungen benötigen, anstatt einfache, vorgefertigte Diagramme.
plotly-javascript-cdn
AndereDiese Fähigkeit stellt das CDN-Script-Tag bereit, um Plotly.js direkt in Webprojekte einzubinden und interaktive Datenvisualisierungen zu ermöglichen. Sie ist ideal für Entwickler, die schnelles clientseitiges Charting ohne Build-Tools oder npm-Abhängigkeiten benötigen. Die Fähigkeit beinhaltet zudem ergänzende Installationsbefehle für Python/R Plotly-Backends.
highcharts-theming
AndereDiese Fähigkeit ermöglicht es Entwicklern, benutzerdefinierte visuelle Themes auf Highcharts-Visualisierungen anzuwenden. Sie stellt Referenzcode für die globale Konfiguration von Farben, Hintergründen, Schriftarten und anderen Stiloptionen mittels `Highcharts.setOptions()` bereit. Nutzen Sie diese Fähigkeit, wenn Sie ein einheitliches Branding oder Styling über mehrere Diagramme in Ihrer Anwendung hinweg beibehalten müssen.
echarts-typescript-support
AndereDiese Fähigkeit bietet TypeScript-Typdefinitionen und Beispiele für die Verwendung von ECharts-Diagrammen in TypeScript-Projekten. Sie beinhaltet den Typ `EChartsOption` für typsichere Diagrammkonfiguration und demonstriert korrekte Importe und Initialisierung. Nutzen Sie diese Referenz beim Erstellen von Datenvisualisierungen mit ECharts in TypeScript, um Autovervollständigung und Typprüfung zu erhalten.