chart-renderer

name	chart-renderer
description	根据数据生成 ECharts 图表配置
version	4.0.0
domain	office
layer	rendering
tags	["slides","chart","rendering","echarts"]
taskTypes	["slides-generation"]
priority	2
author	genesis-ai
source	local
execution-mode	provider

Chart Renderer

This skill is implemented as a NestJS Provider (code-based tool). This SKILL.md provides metadata only — execution is handled by the corresponding .skill.ts file.

Server-side chart rendering skill that uses ECharts to generate SVG strings for embedding in HTML. Supports line, bar, pie, and radar chart types with automatic type inference to prevent incorrect chart selection.

Key Features

• Renders charts as SVG strings using ECharts SSR mode
• Intelligently infers correct chart type based on data characteristics
• Extracts chart data from content sections or generates sample data
• Supports dark and light theme modes
• Provides fallback placeholder charts on render failure

Supported Chart Types

• Line: Time series and trend data
• Bar: Category comparisons and distributions
• Pie: Percentage and proportion data
• Radar: Multi-dimensional comparisons

Input Requirements

• data: Chart data with type, labels, and datasets
• options (optional): Render options including width, height, theme, legend, and title settings

Output Structure

• svgString: Rendered SVG string
• width: Chart width in pixels
• height: Chart height in pixels
• type: Chart type used