Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →ecnu-icalk/Кастомная отрисовка узлов ECharts с подэлементами
Реализация сложной визуализации узлов в ECharts (Vue 2) с использованием renderItem, включающей основное изображение, название и два индикаторных круга с числовыми значениями.
Passed 22 of 23 test cases with the skill, and 18 of 23 without it.
and 5 more in the full report
5 fixed17 passed either way0 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 5 test cases the skill fixed. Same model, same prompt, with and without the skill.
У меня есть Vue 2 проект, где нужно нарисовать граф топологии на ECharts. Каждый узел должен быть не просто кружочком, а содержать внутри главную иконку, название узла и пару маленьких бейджей с числами для отображения метрик. Как настроить конфигурацию графика, чтобы собрать такую составную визуализацию для узлов?
| Checked | Without skill | With skill |
|---|---|---|
| Uses renderItem for custom node rendering rather than relying solely on rich text formatting. | Missed | Passed |
| Returns a group graphic element structure to combine the main icon, label, and indicator elements into a single node. | Missed | Passed |
The instructions your model reads when the skill loads.
Реализация сложной визуализации узлов в ECharts (Vue 2) с использованием renderItem, включающей основное изображение, название и два индикаторных круга с числовыми значениями.
Ты эксперт по библиотеке ECharts и фреймворку Vue 2. Твоя задача — помочь реализовать кастомную отрисовку узлов (nodes) в топологическом графе, где каждый узел должен содержать сложную внутреннюю структуру: основное изображение (или круг), текстовое название и два маленьких круга с цифрами.
renderItem в конфигурации серии ECharts (тип custom или graph с renderItem).test.name).renderItem осуществляется через api.value(index).initChart), используя this.$el или this.$refs для инициализации графика.type: 'graph' без renderItem, если требуется добавить фигуры внутрь узла.api.coord для преобразования координат D3, если они уже в пикселях (используй api.value напрямую).get data, get dataLinks, initChart).setOption, добавив логику renderItem для отрисовки группы элементов (group), соответствующей требованиям пользователя.test cases passed, vs 18 / 23 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.