echarts-1-use-responsive-design
О программе
Этот навык предоставляет методы адаптивного дизайна для визуализаций ECharts, позволяя графикам автоматически изменять размер при изменении окна. Он включает способы задания явных размеров, реализации состояний загрузки во время получения данных и обработки сценариев с пустыми данными. Разработчикам следует использовать его для создания адаптивных, удобных для пользователя графиков, которые сохраняют функциональность на экранах различных размеров.
Быстрая установка
Claude Code
Рекомендуетсяnpx skills add vamseeachanta/workspace-hub -a claude-code/plugin add https://github.com/vamseeachanta/workspace-hubgit clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/echarts-1-use-responsive-designСкопируйте и вставьте эту команду в Claude Code для установки этого навыка
GitHub репозиторий
Похожие навыки
d3js
ДругоеЭтот навык позволяет разработчикам создавать полностью настраиваемые, интерактивные визуализации данных с использованием D3.js, предоставляя полный контроль над SVG-элементами и привязкой данных. Он идеально подходит для создания уникальных, сложных диаграмм с изощренными переходами и взаимодействиями, недостижимыми в стандартных библиотеках. Используйте его, когда вам нужны специализированные, основанные на данных визуализации, а не простые, предварительно стилизованные диаграммы.
plotly-with-pandas
ДругоеЭтот навык обеспечивает интеграцию Plotly с Pandas для упрощенной визуализации данных из DataFrame. Он позволяет строить графики напрямую из CSV-данных и включает совместимость с NumPy для математических визуализаций. Используйте его при работе с табличными данными в средах Jupyter, когда требуются интерактивные диаграммы.
echarts-with-react
ДругоеЭтот навык предоставляет обертку React-компонента для ECharts, которая обрабатывает инициализацию диаграмм, обновление параметров и адаптивное изменение размеров. Он идеально подходит разработчикам, интегрирующим визуализации ECharts в React-приложения, которым требуется автоматическое управление жизненным циклом. Компонент включает очистку при размонтировании и обработчики изменения размера окна для корректного обслуживания диаграмм.
chartjs-1-use-responsive-containers
ДругоеЭтот навык предоставляет рекомендации по использованию Chart.js для создания адаптивных контейнеров графиков и правильного управления жизненным циклом. Он показывает, как обернуть графики в адаптивные div-элементы с контролем соотношения сторон, а также демонстрирует удаление графиков перед повторным созданием для предотвращения утечек памяти. Используйте этот навык при реализации динамических или изменяемых визуализаций Chart.js в веб-приложениях.