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.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

ChartType selection help

Thread ID:

Created:

Updated:

Platform:

Replies:

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

Hi,

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?
Chart

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

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: 
 
JS: 
 
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" 
                       } 
                   } 
} 
 
 

Screenshot: 
 
For your reference, kindly find the sample in below link, 
 
Thanks, 
Dharani. 


Lukas Kubis
Replied On July 14, 2016 06:19 AM

Hi Dharani,

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

Best Regards
Lukas

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

Hi Lukas, 

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

Thanks & Regards, 
D.Dharani. 


CONFIRMATION

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.

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

;