/** * Plots a scatter graph * * @param xCoordinates The x-coordinates * @param yCoordinates THe y-coordinates */ private void plotScatterGraph(List<Float> xCoordinates, List<Float> yCoordinates) { canvas.setStrokeStyle(color); canvas.setFillStyle(fillColor); canvas.beginPath(); float x = xCoordinates.get(0); float y = yCoordinates.get(0); canvas.moveTo(x, y); canvas.strokeRect(x, y, 2, 2); canvas.moveTo(x, y); for (int i = 1; i < xCoordinates.size(); i++) { x = xCoordinates.get(i); y = yCoordinates.get(i); canvas.moveTo(x, y); canvas.strokeRect(x, y, 2, 2); canvas.moveTo(x, y); } canvas.moveTo(x, zero); x = xCoordinates.get(0); canvas.moveTo(x, zero); canvas.closePath(); canvas.stroke(); canvas.fill(); }
/** * Plots the line caps on the graph * * @param xCoordinates The x-coordinates of the caps * @param yCoordinates The y-coordinates of the caps */ private void plotLineCaps( List<Float> xCoordinates, List<Float> yCoordinates, double lineThickness) { canvas.setStrokeStyle(canvas.getBackgroundColor()); canvas.setFillStyle(color); canvas.beginPath(); Float x, y; for (int i = 1; i < xCoordinates.size(); i++) { x = xCoordinates.get(i); y = yCoordinates.get(i); canvas.moveTo(x, y); canvas.arc(x, y, lineThickness, 0, 2 * Math.PI, false); } canvas.closePath(); canvas.stroke(); canvas.fill(); }
/** * Plots a line graph * * @param xCoordinates The x-coordinates * @param yCoordinates The y-coordinates */ private void plotLineGraph( List<Float> xCoordinates, List<Float> yCoordinates, boolean lineCaps, double lineThickness) { canvas.setLineWidth(lineThickness); canvas.setLineJoin("round"); // First draw the filling canvas.setStrokeStyle("rgba(0,0,0,255)"); canvas.setFillStyle(fillColor); canvas.beginPath(); float x = xCoordinates.get(0); float y = yCoordinates.get(0); canvas.moveTo(x, zero); canvas.lineTo(x, y); for (int i = 1; i < xCoordinates.size(); i++) { x = xCoordinates.get(i); y = yCoordinates.get(i); canvas.lineTo(x, y); } canvas.lineTo(x, zero); x = xCoordinates.get(0); canvas.moveTo(x, zero); canvas.closePath(); canvas.fill(); if (useShadows) { enableShadows(lineThickness, PlotMode.LINE); } // Then draw the outline if (lineCaps) { canvas.setLineJoin(Canvas.BEVEL); } canvas.setStrokeStyle(color); canvas.beginPath(); x = xCoordinates.get(0); y = yCoordinates.get(0); canvas.moveTo(x, zero); canvas.moveTo(x, y); for (int i = 1; i < xCoordinates.size(); i++) { x = xCoordinates.get(i); y = yCoordinates.get(i); canvas.lineTo(x, y); } if (BrowserInfo.get().isIE8() || BrowserInfo.get().isChrome()) { /* * In IE we have to draw a line down to zero so the path can get * closed. If we don't then then there will be a line through the * whole graph due to the VML implementation. After we move we also * have to draw a 1px line, else IE will not draw anything when * stroke width > 1.5px. IE 9-> uses canvas implementation where * this problem does not exist * * Apparently Chrome 18-> joined the club :( */ canvas.moveTo(xCoordinates.get(0), yCoordinates.get(0)); canvas.lineTo(xCoordinates.get(0) + 1, yCoordinates.get(0)); } else { canvas.moveTo(xCoordinates.get(0), zero); } canvas.closePath(); canvas.stroke(); // Finally, if we have any linecaps then draw them if (lineCaps) { plotLineCaps(xCoordinates, yCoordinates, lineThickness); } }