Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Pascal Lemaire
20
igDataChart - rangeColumn
posted

Hi,

I need to do a chart with a date for xAxis and time for yAxis.

For example :

date : 1 may 2015 - starttime : 08:00 - endtime : 17:00

date : 2 may 2015 - starttime : 09:00 - endtime : 17:30

How can i achieve this ?

My datasource is a XML retreived with a webservice.

Thanks

Parents
No Data
Reply
  • 16310
    Offline posted

    Hello Pascal,

    Thank for posting in the Infragistics community !

    In order to achieve this you need to define your Xaxis to be of type CategoryX and your Yaxis to be of type numeric. Since the value for time (starttime : 08:00 - endtime : 17:00) are not numeric you will need to convert them to miliseconds and provide these values to the igDataChart. It depends on your scenario wthere you will convert those values on the server, or on the client.

    Your chart will look similar to the second one here:

    http://www.igniteui.com/data-chart/range-category-series

    However in the xAxis you will see dates displayed, and on the Yaxis you will see the miliseconds displayed. You will want to format the yAxis labels and display human friendly value, corresponding to the milisconds value. This can be achieved using the formatLabel optiuon.

    Please go ahead and try the suggested. Do not hesitate to contact us if you face any troubles implementing this approach.

Children