Skip to main content

Adding multiple Gantt charts to a page

The library allows adding multiple Gantt charts to a single page of your application.

To add one more chart, add another Gantt tag with defined data.

Example:

<script>
import { getData, simpleColumns } from "./common/data";
import { Gantt } from "@wx/svelte-gantt";

const data = getData();

</script>

<div>
<Gantt
tasks={data.tasks}
links={data.links}
scales={data.scales}
columns={simpleColumns}
start={new Date(2021, 2, 1)}
end={new Date(2021, 3, 1)} />
</div>

<div>
<Gantt
tasks={data.newtasks}
links={data.newlinks}
scales={data.newscales}
columns={data.columns}
start={new Date(2023, 2, 1)}
end={new Date(2023, 3, 1)} />
</div>