line-area-chart
CommunityCreate line-area charts for time-series data.
Authordennisadriaans
Version1.0.0
Installs0
System Documentation
What problem does it solve?
LineChart and AreaChart require boilerplate to visualize time-series data, which leads to duplicated code and slower UI development.
Core Features & Use Cases
- Reusable API for LineChart and AreaChart with shared props like data, categories, height, xFormatter, and yFormatter.
- Supports stacked areas, gradient fills, curve customization, and tooltips for multi-series comparisons.
- Use Case: build a dashboard showing date-based trends for several metrics in a single chart.
Quick Start
Import the LineChart and AreaChart components from vue-chrts, supplying a time-based data array and a categories map, and render the charts in your Vue template with height, labels, and formatting options.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: line-area-chart Download link: https://github.com/dennisadriaans/vue-chrts/archive/main.zip#line-area-chart Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.