Quantcast
Channel: chart – DlhSoft Team's Blog
Viewing all articles
Browse latest Browse all 41

HTML5 Gantt Chart components: in development

$
0
0
Update:
Gantt Chart Hyper Library for HTML5 is now ready!

As we have previously announced, we’re currently working to develop a Gantt Chart control library based on HTML5 and its new inline SVG features that are already available within all modern browsers.

Eventually the output JavaScript code could be extended and wrapped into ASP .NET controls for Web application developers (on the .NET platform), and, separately, as Metro style app components relying on WinRT for Windows 8 (and possiblly also Windows Phone 8) developers.

In order to support both these types of usage, and even more scenarios in the future (for example, PHP and other Web developers could use DlhSoft Gantt Chart components for the first time provided that they couldn’t have accepted Silverlight output in their output Web sites), we will enable component themeing with two built-in style sets: Aero and Metro. Moreover, we are going to enable virtually unlimited task shape customizations by allowing developers to inject JavaScript code that defines how task bars are presented, just as the WPF version does with bar templating. All these are going to be supported besides the basic set of features collected from our previously available Gantt Chart and Schedule Chart controls for .NET and related technologies.

image

var items = [
{ content: “Task 1”, isExpanded: false }, […]
{ content: Task 2”, isExpanded: true },
{ content: Task 2.1”, indentation: 1,
start: new Date(2012, 5, 2, 8, 0, 0),
finish: new Date(2012, 5, 3, 16, 0, 0),
completedFinish: new Date(2012, 5, 3, 16, 0, 0),
assignmentsContent: Resource 1, Resource 2 [50%]” },
{ content: Task 2.2”, indentation: 1 },
{ content: Task 2.2.1”, indentation: 2,
start: new Date(2012, 5, 3, 8, 0, 0),
finish: new Date(2012, 5, 5, 16, 0, 0),
assignmentsContent: Resource 2” },
{ content: Task 2.2.2”, indentation: 2,
start: new Date(2012, 5, 4, 12, 0, 0),
finish: new Date(2012, 5, 6, 12, 0, 0),
completedFinish: new Date(2012, 5, 5, 12, 0, 0) },
{ content: Milestone 2.A”, indentation: 1,
start: new Date(2012, 5, 6, 16, 0, 0), isMilestone: true }];
var ganttChartView = document.querySelector(“#ganttChartView”);
DlhSoft.Controls.GanttChartView.initialize(ganttChartView, items);

What do you think? Would you expect to need such controls in the short or long future? Do you have any suggestions at this early development stages for our team? We’ll be glad to add your feedback to the internally managed requirement list of the product, either for the first version or for a future one. Of course, it’s a lot better to get your ideas earlier rather than later, as it’s always easier to alter the software design, if needed, in the initial phases of a project, rather than after its first version release. Thank you very much in advance!



Viewing all articles
Browse latest Browse all 41

Trending Articles