We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

ChartType selection help

Thread ID:





124984 Jul 12,2016 04:42 PM UTC Jul 18,2016 09:04 AM UTC JavaScript 3
Tags: ejChart
Lukas Kubis
Asked On July 12, 2016 04:42 PM UTC


I'd like to visualize opening hours of some offices, but I'm not sure which chart is the best one. Look at the picture bellow. Do you have any suitable chart for this?

Dharanidharan Dharmasivam [Syncfusion]
Replied On July 13, 2016 10:36 AM UTC

Hi Lukas, 
Thanks for contacting Syncfusion support. We have analyzed your query, Currently we don’t have support for gantt chart in ejChart, so we have created a feature request for your requirement. And also a support incident to track the status of this defect has been created under your account. 
We have created work around sample in which we have used range column  series type and transposed the series. Here for opening and closing time of office, we have given data in date time format, currently we don’t have datetime support for yaxis,  so we have converted date time values to double in the load event. By using the axisLabelRendering event, we have rendered labels in date time format. Please find the code snippet below. 
Code snippet: 
function load(sender) { 
      for (i = 0; i < sender.model.series[0].points.length; i++) { 
            sender.model.series[0].points[i].high = Date.parse(sender.model.series[0].points[i].high); 
                      sender.model.series[0].points[i].low = Date.parse(sender.model.series[0].points[i].low); 
function label(sender) { 
          if (sender.data.axis.orientation == "horizontal") { 
                       var date = new Date(sender.data.label.Text); 
                      date = date.getHours(); 
                       if (date <= 12) 
                           sender.data.label.Text = date + ":00AM"; 
                       else { 
                           date = ((date + 11) % 12 + 1); 
                           sender.data.label.Text = date + ":00PM" 

For your reference, kindly find the sample in below link, 

Lukas Kubis
Replied On July 14, 2016 10:19 AM UTC

Hi Dharani,

thank you for your work around sample, it helped me a lot.

Best Regards

Dharanidharan Dharmasivam [Syncfusion]
Replied On July 18, 2016 09:04 AM UTC

Hi Lukas, 

Thanks for your update, please let us know if you require any further assistance on this.  

Thanks & Regards, 


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon