charts
Generate SVG/PNG charts (bar, line, pie, scatter, radar, heatmap, funnel, gauge, sankey, etc.) from ECharts JSON configs
معلومات المصدر
- المستودع
- Michaelliv/charts-cli
- آخر نشاط في المصدر
- ٢٣ مارس ٢٠٢٦ في ١٧:٣٨
- لغة SKILL.md المكتشفة
- الإنجليزية
- النجوم
- ٩
- التفرعات
- ٢
خيارات التثبيت
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
مراجعة ملفات المصدر
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
عرض SKILL.md
SKILL.md
تعليمات المصدر · معاينة للقراءة فقط- name
- charts
- description
- Generate SVG/PNG charts (bar, line, pie, scatter, radar, heatmap, funnel, gauge, sankey, etc.) from ECharts JSON configs
# Charts CLI
Generate charts from the command line using ECharts. No browser needed.
## Usage
### List available chart types
```bash
charts schema --list
```
### Get schema for a chart type
```bash
charts schema bar
charts schema pie
charts schema xAxis
```
### Render a chart
```bash
# Pipe JSON config
cat option.json | charts render -o outbox/chart.png
# Or render from file
charts render --config option.json -o outbox/chart.png
```
### Options
| Option | Description |
|--------|-------------|
| `-o, --output <file>` | Output path (`.svg` or `.png`) |
| `-W, --width <n>` | Width in pixels (default: 800) |
| `-H, --height <n>` | Height in pixels (default: 400) |
| `--theme <name>` | `dark`, `vintage`, or path to JSON |
| `--format <type>` | `svg` or `png` (auto-detected from extension) |
### Supported chart types
bar, line, pie, scatter, radar, funnel, gauge, treemap, boxplot, heatmap, candlestick, sankey
## Visual style rules
Always apply these defaults unless the user asks for something else.
### Global defaults
- `backgroundColor: "#ffffff"`
- Title: centered, top 14, fontSize 16, fontWeight bold, color `#111827`
- Grid: `{ left: 60, right: 32, top: 60, bottom: 48 }`
- Color palette: `#4f46e5`, `#0d9488`, `#d97706`, `#dc2626`, `#7c3aed`, `#0891b2`
### Axis styling
- xAxis: hide ticks, axis line `#d1d5db`, label color `#4b5563`, fontSize 13
- yAxis: hide line + ticks, label color `#9ca3af`, dashed split lines `#e5e7eb`
### Bar
- `barWidth: "50%"`
- Rounded top corners: `borderRadius: [5,5,0,0]`
- Labels on top
### Line
- `smooth: true`
- `symbol: "circle"`, `symbolSize: 7`, line width 3
- Single-series line charts should usually use light area fill
### Pie / donut
- No axes
- Use white segment borders
- Prefer `-W 800 -H 500`
### Scatter
- Both axes `type: "value"`
- `symbolSize: 8`, opacity `0.7`
### Radar / Funnel / Gauge / Heatmap / Sankey / Treemap / Boxplot / Candlestick
Use the same conventions as documented by `charts schema` and keep styling clean and modern.
## Workflow
1. Use `charts schema <type>` to inspect the config shape
2. Build the ECharts JSON option
3. Render to a file in `outbox/`
4. Reply briefly describing the chart so Mercury sends the file back to the user
عرض على GitHub