I am not able to view the labels for plots in the graph - Only when X-axis co-ordinates are Date values


it works fine if I give x axis value as String - data: [['A',parseInt(1)],['B',parseInt(2)]],
it doesnt work fine for data: [[new Date(2011,12,11),parseInt(1)],[new Date(2011,12,12),parseInt(2)]],

Below is the code am using

$('#vital-signs-graph').jqChart({

axes: [x1,yresp],

series: [aresp]
});




function getXaxis(){
var x1={type: 'line',
location: 'bottom',
type: 'dateTime',
intervalType: 'hours',
labels : {
stringFormat : 'mm/dd HH',
angle: -90
},
interval : 1,
name: 'xhour',
title: { text: 'Hour', font: '10px sans-serif' }
};
return x1;
}

function getYresp(){
var yresp=
{
name: 'yresp',
location: 'left',
strokeStyle: '#0066FF',
title: { text: 'Resp.Rate', font: '10px sans-serif' }
};
return yresp;
}


function getRespPlot(baseresp){
var aresp=
{
id: 'iresp',
type: 'line',
title: 'Respiratory Rate',
axisY: 'yresp',
axisX: 'xhour',

data: [[new Date(2011,12,12),parseInt(1)],[new Date(2011,12,12),parseInt(2)]],
labels:
{
font: '11px sans-serif',
fillStyle: 'red'
}
};

return aresp;

It is not working even when I removed the X- axis definition.

Have modified my code as below:

Before:

$('#vital-signs-graph').jqChart({

axes: [x1,yresp],

series: [aresp]
});

After:


$('#vital-signs-graph').jqChart({

axes: [yresp],

series: [aresp]
});

Sorry We tried removing the X- axis definition and tried the code you provided. We are still not getting the data point labels.

Please help.

Yes, I tried almost exactly the same

see the exact code below,

function getRespPlot(baseresp){
var aresp=
{
id: 'iresp',
type: 'line',
title: 'Respiratory Rate',
axisY: 'yresp',
axisX: 'xhour',
//data: baseresp,
data: [[new Date(2011, 11, 12), parseInt(1)], [new Date(2011, 12, 12), parseInt(2)]],
labels:
{
font: '11px sans-serif',
fillStyle: 'red'
}

};

return aresp;

}


function getYresp(){
var yresp=
{
name: 'yresp',
location: 'left',
strokeStyle: '#0066FF',
title: { text: 'Resp.Rate', font: '10px sans-serif' }
};
return yresp;
}


$('#vital-signs-graph').jqChart({

axes: [getYresp()],

series: [getRespPlot(baseresp)]


});

We are using Extjs not jquery. We tried the same code after removing baseRep parameter. Even then we are facing the same issue.

If we format the date value to String and try, then the data point labels are getting displayed but the graph is getting plotted wrongly.

Please help.