Gantt charts for ASP .NET Core/MVC

DlhSoft
Gantt chart libraries
4 min readMar 6, 2020

In 2012 we’ve released a set of JavaScript based Gantt chart components that developers could use in their own Web apps. But that was not all; for ASP .NET developers we have prepared a lot more — full wrappers for the client side controls offering native server side support as well!

Gantt Chart Web Library for ASP .NET

Gantt chart, schedule chart, resource load chart, PERT chart, and network diagram components from our ASP .NET library allow .NET Framework developers to easily create rich Web applications for project management and resource management purposes, and more. See some live demos, if you want.

Initially targeting WebForms, whenever you’d want to display data using a timeline, an item hierarchy and optionally arrows to represent dependencies between items in a browser of end user’s choice, you can use our GanttChartView component. Set it up from the ASP .NET server side, and it will automatically and seamlessly pass all necessary data to the client, and even further, it will collect all changes performed in the browser and made them available to your code as a classic post-back event.

Other (related) components also follow the same track.

But wait, there’s more: we’ve also created MVC extensions available within our NuGet package — extensions that work under .NET Core too! — so you can set up the components even if you don’t use classic WebForms. Just check out our sample apps on GitHub.

In all cases everything is highly configurable, by directly using component properties of course, from the working and nonworking time schedules of the project (and individual items if needed) to zooming, scales, colors and many other appearance settings too.

Schedule chart and load chart components are also very useful to present task assignments from a resource-centric point of view. They can be generated from project data displayed in a Gantt chart, or they can be used as standalone instances, as needed.

While displaying multiple bars per row can also be performed within a simple Gantt chart instance using “parts”, a ScheduleChartView instance is a lot more easy to set up as assignment items can already be grouped by resource into special Schedule chart items, each of these having a list of Gantt chart items too. Schedule chart items themselves can also be hierarchically grouped in the left grid using simple indentation values.

LoadChartView synchronized to a GanttChartView (left-bottom) and ScheduleChartView with hierarchically grouped resources (right)

Finally, you can also use PERT charts and network diagrams to make sure your project management apps are supporting any visualization scenario that your end users may desire.

A PERT chart twists project data around and displays tasks as dependency lines, creating numbered (or otherwise labeled) events automatically in between, and network diagrams are rather just displaying tasks as shapes in a canvas, with details such early/late start/finish and slack printed over — domain fields that all project managers are probably ver well used to.

Generic PertChartView (left) and NetworkDiagramView (right)

What about single page apps, you may however ask? One doesn’t need any server side user interface generator in such case.

Don’t worry, in this case it’s even easier. You use our client side components only and you can use WebAPI or any other server side technology you want to just pass data from your database, and then compose the user interface with JavaScript directly. (Optionally with a framework like Angular, React, or Vue, of course.)

And if you just need some project management core logic, without any user interface components at all, we also have .NET and JavaScript based libraries that you can use, offering the same algorithms available in our Gantt Chart views. Grab (only) what you need.

--

--