--- metadata: - name: generator content: Diplodoc Platform v5.63.0 alternate: - en/charts/editor/ - ru/charts/editor/ - href: ru/charts/editor/index.md type: text/markdown title: Markdown version csp: - script-src: - https://mc.yandex.ru img-src: - https://mc.yandex.ru connect-src: - https://mc.yandex.ru - wss://mc.yandex.ru child-src: - 'blob:' - https://mc.yandex.ru frame-src: - 'blob:' - https://mc.yandex.ru frame-ancestors: - 'blob:' - https://mc.yandex.ru canonical: ru/charts/editor/index.html title: Обзор инструмента Editor description: На данной странице описаны возможности инструмента Editor для создания чартов. vcsPath: ru/charts/editor/index.md --- # Чарты в Editor **Editor** — редактор для создания визуализации данных и селекторов с помощью кода на JavaScript. Editor позволяет загружать данные из одного или нескольких источников, управлять параметрами чартов и настраивать визуализации. В качестве источников данных вы можете использовать датасеты и подключения. ## Интерфейс {#interface} Интерфейс страницы создания чарта состоит из следующих блоков: 1. Контролы: * Управление панелями интерфейса — вы можете выбрать количество и расположение панелей интерфейса. Для каждой панели доступно отображение **CodeEditor**, **Preview** или **Console**. * Обновление превью чарта — после каждого изменения кода чарта для просмотра результата нажимайте **Выполнить** или сочетание клавиш `Ctrl` (`Cmd`) + `Enter`. Это действие не приводит к сохранению чарта. * Сохранение чарта — вы можете сохранить чарт как обычно или создать черновую версию. 1. Если Editor открыт с указанием параметров в URL, под панелью контролов появится панель с переопределенными параметрами (2 на скриншоте). 1. Панель редактора кода **CodeEditor** — для просмотра и изменения содержимого вкладок чарта. Подробнее о работе вкладок (3.1 на скриншоте) в разделе [Вкладки](./tabs.md). 1. Панель вывода дополнительной отладочной информации **Console**. 1. Панель предпросмотра чарта **Preview**. ![image](../../_assets/datalens/editor/editor-yc.png) #### Что дальше {#see-also} * [Быстрый старт в Editor](./quickstart/index.md)