Перейти к основному содержимому

exportToExcel

Description​

Экспортирует данные диаграммы Ганта в документ Excel

exportToExcel: (export?: any) => void

Parameters​

  • export - object - optional, объект с настройками экспорта (см. детали)

Example​

gantt.exportToExcel({
name: "document.xlsx",
columns:[
{ id: "text", header: "Title", width: 150 },
{ id: "start_date", header: "Start date", width: 250, type: "date" }
],
server: "https://myapp.com/myexport/gantt",
raw: true,
callback: (res) => {
alert(res.url);
},
visual: true,
cellColors: true,
data: { },
date_format: "dddd d, mmmm yyyy"
});

Details​

заметка

Этот метод определяется в расширении export, поэтому необходимо активировать плагин export_api. Подробнее в статье .

заметка

Если вы используете версию Gantt ниже 8.0, на вашей странице нужно подключить https://export.dhtmlx.com/gantt/api.js, чтобы включить онлайн-сервис экспорта, например:

<script src="codebase/dhtmlxgantt.js"></script>
<script src="https://export.dhtmlx.com/gantt/api.js"></script>

Метод exportToExcel() принимает в качестве параметра объект с несколькими свойствами (все свойства необязательные):

PropertyDescription
name(string) задаёт имя выходного файла с расширением '.xlsx'
columns(array) позволяет настроить столбцы выходного Excel-листа. Свойства объектов столбца:
  • 'id' - (string,number) свойство события, которое будет сопоставлено столбцу
  • 'header' - (string) заголовок столбца
  • 'width' - (number) ширина столбца в пикселях
  • 'type' - (string) тип столбца
server(string) задаёт API-ендпойнт для запроса. Можно использовать с локальной установкой сервиса экспорта. Значение по умолчанию: https://export.dhtmlx.com/gantt
raw(boolean) определяет способ экспорта данных Gantt. Выполняет две задачи: По умолчанию — false. Подробнее
callback(function) если вы хотите получить url для загрузки сгенерированного XLSX-файла, можно использовать свойство callback. Оно принимает JSON-объект с полем url
visual(boolean) добавляет timeline диаграмму к экспортируемому Excel-документу; по умолчанию — false. Узнайте, как добавить цвета задач к экспортированному файлу
cellColors(boolean) если значение равно true, ячейки экспортированного документа будут иметь цвета, определённые в шаблоне ; будут экспортированы свойства color и background-color
data(object) задаёт пользовательский источник данных, который будет представлен в итоговой диаграмме Ганта
date_format(string) задаёт формат отображения даты в экспортируемом Excel-документе. Можно использовать следующий код формата:
Format codeOutput
d9
dd09
dddMon
ddddMonday
mm01
mmmJan
mmmmJanuary
mmmmmJ
yy12
yyyy2021
mm/dd/yyyy01/09/2021
m/d/y1/9/21
ddd, mmm dMon, Jan 9
mm/dd/yyyy h:mm AM/PM01/09/2021 6:20 PM
dd/mm/yyyy hh:mm:ss09/01/2012 16:20:00

Default date parameters​

Модуль экспорта ожидает, что столбцы start_date и end_date имеют тип Date, а столбец duration имеет тип number.

В случае применения кастомных шаблонов необходимо либо вернуть значение ожидаемого типа, либо определить другое значение в свойстве name конфигурации столбца. Например:

gantt.config.columns = [
...
{ name: "start_date", align: "center", width: 100, resize: true,
editor: start_dateEditor },
{ name: "end_date", align: "center", width: 100, resize: true,
editor: end_dateEditor },
{ name: "duration_formatted",
align: "center", width: 40, resize: true,
editor: durationEditor,
template: (task) => {
return formatter.format(task.duration_formatted);
}
},
...
];

Иначе данные Gantt не будут экспортированы. Посмотреть соответствующий пример.

Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.