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

Date Time on Y Axis

Thread ID:





121373 Dec 7,2015 04:37 PM UTC Dec 8,2015 12:38 PM UTC JavaScript 1
Tags: ejChart
Asked On December 7, 2015 04:37 PM UTC

Hi Team,
I am new in using the Syncfusion Chart and have created it using the code below. However the label format for the Y axis only displays "MMM dd" instead of the actual Month and date.
Also if I uncomment the tooltip under commonSeriesOptions, it would cause a Javascript runtime error: Bad number format specified: M. I am using version. I also tried it in the most current version in the JS playground but still had the same error.
//Initializing Primary X Axis
title: { text: 'Facilities' },
//Initializing Primary Y Axis
range: {min: new Date(2015, 0, 1), max: new Date(2015,11,31), interval: 1},
intervalType: 'Months',
valueType: 'datetime',
labelFormat: 'MMM dd',
title: { text: 'Year 2015' }
//Initializing Common Properties for all the series
type: 'bar',
enableAnimation: true,
//tooltip: { visible: true, format: "#series.name# - #point.x#
Date : #point.y#" },
font: { size:'11px',fontFamily:'Segoe UI',fontStyle:'Normal',fontWeight:'regular'},
textPosition: 'top',
angle: -20,
visible: true
//Initializing Series
points: [{ x: "Faci 1", y: new Date(2015,7,5) }, { x: "Faci 2", y: new Date(2015, 11, 17) }
, { x: "Faci 3", y: new Date(2015,6,8) }, { x: "Faci 4", y: new Date(2015, 10,7) },
{ x: "Faci 5", y: new Date(2015,10,8) }, { x: "Faci 6", y: new Date(2015,9,8)}
name: 'Part A'
points: [{ x: "Faci 1", y: new Date(2015, 4, 8) }, { x: "Faci 2", y: new Date(2015, 4, 6) }
, { x: "Faci 3", y: new Date(2015,7,2)}, { x: "Faci 4", y: new Date(2015,9,3) },
{ x: "Faci 5", y: new Date(2015,9,7)}, { x: "Faci 6", y: new Date(2015,9,1) }
name: 'Part B'
showTooltip: true,
title:{text: 'Billing'},
size: { height: "600" },
legend: { visible: true, position: 'right', alignment:"near" }

Please advice. Thanks

Sanjith Kesavan [Syncfusion]
Replied On December 8, 2015 12:38 PM UTC

Hi Lory,

Sorry for the inconvenience caused. We have analyzed your code and code example. While analyzing your code example we found that you are binding datetime value for the Y-Axis. This causes the reported issue. Currently we are not having support for setting datetime value for Y-Axis. So we have logged feature request on this. And also we have created the branch incident under your account for the better follow-up.

Please let us know if you have any concern.

Sanjith K.


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