My application uses to pan and zoom.
With the values of y no problem.
The problem exists in the x values to be dates.
Problem 1. The chart begins in the year 1905? and I not feeds this date.
Problem 2. I can not perform panning. When PAN digit button will reset?.
Attached the code.
/////////////////////////////////////////////////////////////////////////////////////
<script type=”text/javascript” src=”canvasjs.min.js”></script>
<script type=”text/javascript”>
window.onload = function() {
///////////////////////////////////////////////////
var y = 0;
var data = [];
var dataSeries = { type: “line” };
var dataPoints = [];
vpoly = “20130101F20130102F20130103F20130104F20130105F”;
var vpyactualf = new Array();
vpyactualf = vpoly.split(“F”);
vpoly = “176586.38N1044945.92N160295.99N422044.89N647601.52N”;
var vpyactualn = new Array();
vpyactualn = vpoly.split(“N”);
var limit = vpyactualf.length;
for (var i = 0; i <= limit – 1; i++) {
y = parseFloat(vpyactualn[i]);
xpaso = vpyactualf[i];
xpaso1 = xpaso.substring(0, 4);
xpaso2 = xpaso.substring(4, 6);
xpaso3 = xpaso.substring(6, 8);
xpasoc = xpaso1.concat(xpaso2, xpaso3);
dateTimex = new Date(xpaso1, xpaso2 – 1, xpaso3);
dataPoints.push({
x: dateTimex,
y: y
});
}
dataSeries.dataPoints = dataPoints;
data.push(dataSeries);
dateMinact = new Date(‘2013′, ’00’, ’01’); //Force not begin in year 1905
var chart = new CanvasJS.Chart(“chartContainer”,
{
zoomEnabled: true,
title: {
text: “Zoom And Observe AxisX ”
},
axisX: {
// minimum: dateMinact, <<< if I active this line NOT zoom >>>
labelAngle: -30
},
axisY: {
includeZero: false
},
legend: {
horizontalAlign: “right”,
verticalAlign: “center”
},
data: data
});
chart.render();
}
</script>
///////////////////////////////////////////////////////////////////////////////////////
.
