Gantt 차트는 오른쪽-왼쪽(RTL) 모드를 지원하며, rtl 구성 옵션을 사용하여 활성화할 수 있습니다.
true로 설정하면, 타임라인의 시간 축 방향이 변경되고, 그리드의 행 순서가 오른쪽에서 왼쪽으로 반전됩니다.
gantt.config.rtl = true;
rtl 모드를 켜도 gantt.config.layout이 자동으로 업데이트되지 않으므로, 레이아웃을 조정하여 그리드와 타임라인의 위치를 교환해야 합니다. 다음과 같이 설정할 수 있습니다:
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
또한 gantt의 레이블에 대해 텍스트 방향을 조정하는 것도 유용할 수 있습니다.
Back to top