Das Gantt-Diagramm kann im Rechts-nach-links-Modus angezeigt werden, indem die rtl
Konfigurationsoption verwendet wird. Wenn diese Option auf true gesetzt ist, wechselt die Zeitskala der Zeitleiste und die Reihenfolge der Zeilen im Raster auf rechts-nach-links.
gantt.config.rtl = true;
Beachten Sie, dass das Aktivieren des RTL-Modus nicht automatisch das gantt.config.layout anpasst. Um die Positionen von Raster und Zeitleiste zu tauschen, müssen Sie das Layout manuell neu definieren. So geht's:
gantt.config.layout = {
css: "gantt_container",
rows: [
{
cols: [
{view: "scrollbar", id: "scrollVer"},
{view: "timeline", scrollX: "scrollHor", scrollY: "scrollVer"},
{resizer: true, width: 1},
{view: "grid", scrollX: "scrollHor", scrollY: "scrollVer"}
]
},
{view: "scrollbar", id: "scrollHor", height: 20}
]
};
Related sample: Right to left gantt
Zusätzlich möchten Sie möglicherweise die Textrichtung für Beschriftungen im Gantt-Diagramm anpassen. Weitere Details dazu finden Sie in der CSS direction
Dokumentation.