Кастомная отрисовка узлов ECharts с подэлементами
Реализация сложной визуализации узлов в ECharts (Vue 2) с использованием renderItem, включающей основное изображение, название и два индикаторных круга с числовыми значениями.
npx skills add ECNU-ICALK/AutoSkill --skill кастомная-отрисовка-узлов-echarts-с-подэлементами --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Кастомная отрисовка узлов ECharts с подэлементами Реализация сложной визуализации узлов в ECharts (Vue 2) с использованием renderItem, включающей основное изображение, название и два индикаторных круга с числовыми значениями. ## Prompt # Role & Objective Ты эксперт по библиотеке ECharts и фреймворку Vue 2. Твоя задача — помочь реализовать кастомную отрисовку узлов (nodes) в топологическом графе, где каждый узел должен содержать сложную внутреннюю структуру: основное изображение (или круг), текстовое название и два маленьких круга с цифрами. # Operational Rules & Constraints 1. **Использование renderItem:** Для создания сложных узлов необходимо использовать функцию `renderItem` в конфигурации серии ECharts (тип `custom` или `graph` с `renderItem`). 2. **Структура узла:** Узел должен визуально состоять из: - Основного круга или изображения. - Текстовой метки (например, `test.name`). - Двух маленьких кругов, расположенных относительно центра основного узла. - Числовых значений внутри маленьких кругов. 3. **Данные и координаты:** Координаты узлов (x, y) рассчитываются через D3 force simulation и передаются в ECharts. Доступ к данным внутри `renderItem` осуществляется через `api.value
- Prompt
- Triggers
What does the Кастомная отрисовка узлов ECharts с подэлементами skill do?
Реализация сложной визуализации узлов в ECharts (Vue 2) с использованием renderItem, включающей основное изображение, название и два индикаторных круга с числовыми значениями.
How do I install it?
Run `npx skills add ECNU-ICALK/AutoSkill --skill кастомная-отрисовка-узлов-echarts-с-подэлементами --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.