ТЕХНИЧЕСКАЯ ДОКУМЕНТАЦИЯ

Как вывести диаграмму из Google Sheets на экран

> Медиадисплей > Интеграции > Интеграция с Google
Дата обновления: 12 июня 2026 г. Дата публикации: 8 июня 2026 г. Автор: Жапов Ананда

Задача

Построить графики: столбчатую, линейчатую, кольцевую, текстовую и кольцевую (с процентами) диаграмму, на основе числовых данных.

Порядок действий

  1. На сервер Медиадисплей:
  2. Создайте диаграмму, нажмите кнопку «+» в компонентах.
    image
  3. И выбирайте «Информационная панель»
  4. Дайте Название (Name) этой панели и запомните его, он потребуется позже для name в конфигурационном файле.
  5. На левом краю вы можете настроить диаграмму от тип диаграммы, настройки шрифта до анимации.
  6. Линейчатая диаграмма имеет такие же настройки как у Столбчатой диаграммы.
  7. Кольцевая диаграмма имеет параметр как «Форма» .
  8. А в текстовую диаграмму можно настраивать свои значения.
  9. И кольцевая диаграмма c процентами настраивается таким образом
  10. Далее обязательно нажмите кнопку «Сохранить», и нажмите «Опубликовать», чтобы изменения вступили в силу.
  11. В Google Таблице:
  12. Создайте лист, например Charts.
  13. Первый столбец – категории.
  14. Второй и последующие столбцы – числовые ряды.
  15. Пример нескольких диаграмм:
  16. Скопируйте ID таблицы (из адресной строки).
  17. В INI-файле (в секции [Default] уже должны быть SpreadsheetId, ReceiverId, ApiUrl, CredentialsPath):
  18. Секция type=chart.
  19. charttype – тип диаграммы (bar, line, pie, area, radar и т.д.).
  20. name – имя диаграммы в макете.
  21. ListRange – диапазон, включающий подзаголовки и данные (например, Charts!A2:B14 или Charts!D2:F14).
  22. Timer – интервал обновления.
  23. И обязательно включите обновление экрана - enable=1\true\on.
  24. Запустите утилиту, передав ей ваш конфиг: MD4_GoogleConnector.exe config=Configs/Диаграммы.ini (или перезапустите службу) и проверьте, что изображение появился на экране.

Пример конфига

[Default]
; ID вашей Google-таблицы
SpreadsheetId=1oe_MCuG5rJ0G3IUJ45GJIh5_nXCnFtu9ecQoK0h6d0c

; Имя приемника (например d1)
ReceiverId=d1

; Путь к файлу учетных данных Google
CredentialsPath=credentials.json

; URL сервера Медиадисплей
ApiUrl=http://127.0.0.1:5206

; Опционально: Имя файла для сохранения JSON (полезно для отладки)
OutputFileName=debug6.json

[SwitchCover]
; Имя макета, которое вы задали при его создании.
Cover=Test3

[SalesChart]
enable=1
type=chart
charttype=bar
name=График продаж
ListRange=Charts!A2:B14
Timer=30

[LineChart]
enable=1
type=chart
charttype=area
name=Линейный график
ListRange=Charts!D2:F14
Timer=30

[PieChart]
enable=1
type=chart
charttype=pie
name=Доля
ListRange=Charts!H2:I6
Timer=30

[DollarChart]
enable=1
type=chart
charttype=text
name=Курс доллара
ListRange=Charts!K2:L3
Timer=30

[PercentChart]
enable=1
type=chart
charttype=radial
name=Проценты эффективности работы
ListRange=Charts!O2
Timer=30

Результат



На экране все эти диаграммы обновились с гугл таблиц. Вы можете посмотреть все шаблоны, видов диаграмм с гугл таблиц