I have an error in the Y axis values - the entire values are not being displayed
« Back to message list
In my example code the Y-axis values are not shown completely
I get no negative Y values. As you can see I have tried several different settings without any luck.
What am I doing wrong?
Thanks
Example:
<html>
<head>
<title>RGraph test</title>
<body>
<script src="./libraries/RGraph.common.core.js"></script>
<script src="./libraries/RGraph.scatter.js"></script>
<script>
window.onload = function(){
var canvas = document.getElementById("canvas");
var dataxyR = [[760987, -254],
[770987, -244],
[780987, -247],
[790987, -252],
[800987, -251],
[810987, -252],
[820987, -251],
[830987, -248],
[840987, -247],
[850987, -246],
[860987, -245],
[870987, -244],
[880987, -242],
[1180987, -218],
[1190987, -217],
[1200987, -219],
[1210987, -220],
[1220987, -225],
[1230987, -225],
[1240987, -227],
[1250987, -227],
[1260987, -228],
[1270987, -230],
[1280987, -234],
[1290987, -231],
[1300987, -230],
[1310987, -229],
[1320987, -228],
[1330987, -225],
[1340987, -225],
[1580987, -186],
[1590987, -186],
[1600987, -185],
[1610987, -184],
[1620987, -185],
[1630987, -186],
[1920987, -196],
[1930987, -194],
[1940987, -195],
[1950987, -196],
[1960987, -189],
[1970987, -192],
[1980987, -189],
[1990987, -186],
[2000987, -191],
[2010987, -187],
[2020987, -181],
[2250987, -221],
[2260987, -215],
[2270987, -223],
[2280987, -221],
[2290987, -214],
[2300987, -222],
[2310987, -221],
[2320987, -212],
[2330987, -215],
[2520987, -197],
[2530987, -191],
[2640987, -225],
[2650987, -222],
[2660987, -229],
[2670987, -238],
[2680987, -232],
[2690987, -235],
[2700987, -245],
[2710987, -237],
[2720987, -244
]];
var dataxyL = [[214530, -242],
[224530, -240],
[234530, -241],
[244530, -242],
[254530, -246],
[834530, -258],
[844530, -256],
[854530, -254],
[864530, -253],
[874530, -251],
[884530, -250],
[894530, -247],
[904530, -245],
[914530, -245],
[924530, -245],
[934530, -243],
[944530, -241],
[954530, -238],
[964530, -235],
[974530, -234],
[984530, -234],
[994530, -231],
[1004530, -225],
[1014530, -225],
[1024530, -223],
[1034530, -224],
[1484530, -209],
[1494530, -205],
[1504530, -202],
[1514530, -200],
[1524530, -200],
[1534530, -199],
[1544530, -197],
[1554530, -193],
[1564530, -192],
[1574530, -191],
[1584530, -192],
[1594530, -191],
[1604530, -192],
[1614530, -191],
[1624530, -189],
[1634530, -192],
[2084530, -190],
[2094530, -201],
[2104530, -190],
[2114530, -190],
[2124530, -205],
[2134530, -198],
[2144530, -200],
[2154530, -214],
[2164530, -200],
[2174530, -215
]];
var dataxy = [dataxyR, dataxyL];
var datax = [];
var datay = [];
for (var j = 0; j < dataxy.length; j++) {
for (var i = 0; i < dataxy[j].length; i++) {
datax.push(dataxy[j][i][0]);
datay.push(dataxy[j][i][1]);
}
}
var dataMaxX = Math.max.apply(Math, datax);
var dataMinX = Math.min.apply(Math, datax);
var dataMaxY = Math.max.apply(Math, datay);
var dataMinY = Math.min.apply(Math, datay);
var scatter = new RGraph.Scatter('canvas', dataxy);
//scatter.Set('chart.labels', datay);
scatter.Set('chart.xscale', true);
scatter.Set('chart.xscale.units.post', 'um');
//scatter.Set('chart.units.post', 'um');
//scatter.Set('chart.noaxes', true);
scatter.Set('chart.title.yaxis', 'afds');
scatter.Set('chart.title.yaxis.pos', -150);
//scatter.Set('chart.yaxispos', 'left');
scatter.Set('chart.xscale.numlabels', 5);
scatter.Set('chart.xmax', dataMaxX);
scatter.Set('chart.xmin', dataMinX);
scatter.Set('chart.ymax', dataMaxY);
scatter.Set('chart.ymin', dataMinY);
scatter.Set('chart.line', true);
scatter.Set('chart.tickmarks', null);
scatter.Draw();
};
</script>
<canvas id="canvas" width="800" height="500"></canvas>
</body></html>
Posted by Peter on 18th December 2012I get no negative Y values. As you can see I have tried several different settings without any luck.
What am I doing wrong?
Thanks
Example:
<html>
<head>
<title>RGraph test</title>
<body>
<script src="./libraries/RGraph.common.core.js"></script>
<script src="./libraries/RGraph.scatter.js"></script>
<script>
window.onload = function(){
var canvas = document.getElementById("canvas");
var dataxyR = [[760987, -254],
[770987, -244],
[780987, -247],
[790987, -252],
[800987, -251],
[810987, -252],
[820987, -251],
[830987, -248],
[840987, -247],
[850987, -246],
[860987, -245],
[870987, -244],
[880987, -242],
[1180987, -218],
[1190987, -217],
[1200987, -219],
[1210987, -220],
[1220987, -225],
[1230987, -225],
[1240987, -227],
[1250987, -227],
[1260987, -228],
[1270987, -230],
[1280987, -234],
[1290987, -231],
[1300987, -230],
[1310987, -229],
[1320987, -228],
[1330987, -225],
[1340987, -225],
[1580987, -186],
[1590987, -186],
[1600987, -185],
[1610987, -184],
[1620987, -185],
[1630987, -186],
[1920987, -196],
[1930987, -194],
[1940987, -195],
[1950987, -196],
[1960987, -189],
[1970987, -192],
[1980987, -189],
[1990987, -186],
[2000987, -191],
[2010987, -187],
[2020987, -181],
[2250987, -221],
[2260987, -215],
[2270987, -223],
[2280987, -221],
[2290987, -214],
[2300987, -222],
[2310987, -221],
[2320987, -212],
[2330987, -215],
[2520987, -197],
[2530987, -191],
[2640987, -225],
[2650987, -222],
[2660987, -229],
[2670987, -238],
[2680987, -232],
[2690987, -235],
[2700987, -245],
[2710987, -237],
[2720987, -244
]];
var dataxyL = [[214530, -242],
[224530, -240],
[234530, -241],
[244530, -242],
[254530, -246],
[834530, -258],
[844530, -256],
[854530, -254],
[864530, -253],
[874530, -251],
[884530, -250],
[894530, -247],
[904530, -245],
[914530, -245],
[924530, -245],
[934530, -243],
[944530, -241],
[954530, -238],
[964530, -235],
[974530, -234],
[984530, -234],
[994530, -231],
[1004530, -225],
[1014530, -225],
[1024530, -223],
[1034530, -224],
[1484530, -209],
[1494530, -205],
[1504530, -202],
[1514530, -200],
[1524530, -200],
[1534530, -199],
[1544530, -197],
[1554530, -193],
[1564530, -192],
[1574530, -191],
[1584530, -192],
[1594530, -191],
[1604530, -192],
[1614530, -191],
[1624530, -189],
[1634530, -192],
[2084530, -190],
[2094530, -201],
[2104530, -190],
[2114530, -190],
[2124530, -205],
[2134530, -198],
[2144530, -200],
[2154530, -214],
[2164530, -200],
[2174530, -215
]];
var dataxy = [dataxyR, dataxyL];
var datax = [];
var datay = [];
for (var j = 0; j < dataxy.length; j++) {
for (var i = 0; i < dataxy[j].length; i++) {
datax.push(dataxy[j][i][0]);
datay.push(dataxy[j][i][1]);
}
}
var dataMaxX = Math.max.apply(Math, datax);
var dataMinX = Math.min.apply(Math, datax);
var dataMaxY = Math.max.apply(Math, datay);
var dataMinY = Math.min.apply(Math, datay);
var scatter = new RGraph.Scatter('canvas', dataxy);
//scatter.Set('chart.labels', datay);
scatter.Set('chart.xscale', true);
scatter.Set('chart.xscale.units.post', 'um');
//scatter.Set('chart.units.post', 'um');
//scatter.Set('chart.noaxes', true);
scatter.Set('chart.title.yaxis', 'afds');
scatter.Set('chart.title.yaxis.pos', -150);
//scatter.Set('chart.yaxispos', 'left');
scatter.Set('chart.xscale.numlabels', 5);
scatter.Set('chart.xmax', dataMaxX);
scatter.Set('chart.xmin', dataMinX);
scatter.Set('chart.ymax', dataMaxY);
scatter.Set('chart.ymin', dataMinY);
scatter.Set('chart.line', true);
scatter.Set('chart.tickmarks', null);
scatter.Draw();
};
</script>
<canvas id="canvas" width="800" height="500"></canvas>
</body></html>
If I shift the Y-axis to the Left side the entire value is not shown either.
scatter.Set('chart.yaxispos', 'right');
Posted by Peter on 18th December 2012scatter.Set('chart.yaxispos', 'right');
I found a solution...
scatter.Set('chart.gutter.left', 100);
scatter.Set('chart.gutter.left', 100);
Add a reply
« Back to message list