您可以在从右到左的模式下使用甘特图控件,该模式通过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"