X-Git-Url: https://adrianiainlam.tk/git/?a=blobdiff_plain;f=plugins%2Fgrid.js;h=db1b42d15818242de2375af912f75a6e2f6f6e96;hb=4d28164e5ad05d7221b332b5c26a2ef4d70125dd;hp=06bfcd3c0020062079a6c06d0ae2b254ca919490;hpb=34fc91d4b4fbc25094da3ed5fce35dc517d52eeb;p=dygraphs.git diff --git a/plugins/grid.js b/plugins/grid.js index 06bfcd3..db1b42d 100644 --- a/plugins/grid.js +++ b/plugins/grid.js @@ -49,21 +49,21 @@ grid.prototype.willDrawChart = function(e) { function halfDown(y){ return Math.round(y) - 0.5; } var x, y, i, ticks; - if (g.getOption('drawYGrid')) { - var axes = ["y","y2"]; - var strokeStyles = [], lineWidths = [], drawGrid = [], stroking = [], strokePattern =[]; - for(var index in axes) { - drawGrid[index] = g.getOptionForAxis("drawGrid",axes[index]); - if(drawGrid[index]) { - strokeStyles[index] = g.getOptionForAxis('gridLineColor',axes[index]); - lineWidths[index] = g.getOptionForAxis('gridLineWidth',axes[index]); - strokePattern[index] = g.getOptionForAxis('gridLinePattern',axes[index]); - stroking[index] = strokePattern[index] && (strokePattern[index].length >= 2); + if (g.getOptionForAxis('drawGrid', 'y')) { + var axes = ["y", "y2"]; + var strokeStyles = [], lineWidths = [], drawGrid = [], stroking = [], strokePattern = []; + for (var i = 0; i < axes.length; i++) { + drawGrid[i] = g.getOptionForAxis('drawGrid', axes[i]); + if (drawGrid[i]) { + strokeStyles[i] = g.getOptionForAxis('gridLineColor', axes[i]); + lineWidths[i] = g.getOptionForAxis('gridLineWidth', axes[i]); + strokePattern[i] = g.getOptionForAxis('gridLinePattern', axes[i]); + stroking[i] = strokePattern[i] && (strokePattern[i].length >= 2); } } ticks = layout.yticks; ctx.save(); - // draw grids for the differen axes + // draw grids for the different y axes for (i = 0; i < ticks.length; i++) { var axis = ticks[i][0]; if(drawGrid[axis]) { @@ -89,16 +89,17 @@ grid.prototype.willDrawChart = function(e) { ctx.restore(); } - if (g.getOption('drawXGrid') && g.getOptionForAxis("drawGrid",'x')) { + // draw grid for x axis + if (g.getOptionForAxis('drawGrid', 'x')) { ticks = layout.xticks; ctx.save(); - var strokePattern = g.getOptionForAxis('gridLinePattern','x'); + var strokePattern = g.getOptionForAxis('gridLinePattern', 'x'); var stroking = strokePattern && (strokePattern.length >= 2); if (stroking) { ctx.installPattern(strokePattern); } - ctx.strokeStyle = g.getOptionForAxis('gridLineColor','x'); - ctx.lineWidth = g.getOptionForAxis('gridLineWidth','x'); + ctx.strokeStyle = g.getOptionForAxis('gridLineColor', 'x'); + ctx.lineWidth = g.getOptionForAxis('gridLineWidth', 'x'); for (i = 0; i < ticks.length; i++) { x = halfUp(area.x + ticks[i][0] * area.w); y = halfDown(area.y + area.h);