/**************************************************************************** ** ** Copyright (C) 2012 Digia Plc and/or its subsidiary(-ies). ** Contact: http://www.qt-project.org/legal ** ** This file is part of the examples of the Qt Toolkit. ** ** $QT_BEGIN_LICENSE:BSD$ ** You may use this file under the terms of the BSD license as follows: ** ** "Redistribution and use in source and binary forms, with or without ** modification, are permitted provided that the following conditions are ** met: ** * Redistributions of source code must retain the above copyright ** notice, this list of conditions and the following disclaimer. ** * Redistributions in binary form must reproduce the above copyright ** notice, this list of conditions and the following disclaimer in ** the documentation and/or other materials provided with the ** distribution. ** * Neither the name of Digia Plc and its Subsidiary(-ies) nor the names ** of its contributors may be used to endorse or promote products derived ** from this software without specific prior written permission. ** ** ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE." ** ** $QT_END_LICENSE$ ** ****************************************************************************/ import QtQuick 2.0 Rectangle { id:chart width:320 height:320 color:"transparent" property var _months : [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ] property var stockModel:null property var startDate property var endDate property var settings function update() { if (settings.chartType === "year") chart.startDate = new Date(chart.endDate.getFullYear() - 1, chart.endDate.getMonth(), chart.endDate.getDate()); else if (settings.chartType === "month") chart.startDate = new Date(chart.endDate.getFullYear() , chart.endDate.getMonth() -1, chart.endDate.getDate()) else if (settings.chartType === "week") chart.startDate = new Date(chart.endDate.getFullYear() , chart.endDate.getMonth(), chart.endDate.getDate() - 7) else chart.startDate = new Date(1995, 3, 25) canvas.requestPaint(); } Text { id:fromDate color:"#6a5b44" width:50 font.pointSize: 10 wrapMode: Text.WordWrap anchors.left: parent.left anchors.leftMargin: 20 anchors.top:parent.top text:_months[startDate.getMonth()] + "\n" + startDate.getFullYear() } Text { id:toDate color:"#6a5b44" font.pointSize: 10 width:50 wrapMode: Text.WordWrap anchors.right: parent.right anchors.leftMargin: 20 anchors.top:parent.top text:_months[endDate.getMonth()] + "\n" + endDate.getFullYear() } Canvas { id:canvas anchors.top : toDate.bottom width:parent.width anchors.bottom: parent.bottom renderTarget: Canvas.FramebufferObject property int frames:first property int mouseX:0; property int mouseY:0; property int mousePressedX:0; property int mousePressedY:0; property int movedY:0 property real scaleX:1.0; property real scaleY:1.0; property int first:0; property int last:0; // MouseArea { // anchors.fill: parent // onPositionChanged: { // if (mouse.modifiers & Qt.ControlModifier) { // if (canvas.mouseX == 0 && canvas.mouseY == 0) { // canvas.mouseX = mouse.x; // canvas.mouseY = mouse.y; // } // } else{ // var w = (view.width/view.count)*canvas.scaleX; // //canvas.movedY += Math.round((canvas.mousePressedY - mouse.y)/2); // var movedX = Math.round((canvas.mousePressedX - mouse.x)/w); // if (movedX != 0 || canvas.movedY != 0) { // if (canvas.first + movedX >= 0 && canvas.last + movedX < view.count) { // canvas.first += movedX; // canvas.last += movedX; // } // canvas.requestPaint(); // } // } // } // onPressed: { // canvas.mousePressedX = mouse.x; // canvas.mousePressedY = mouse.y; // } // onReleased : { // if (mouse.modifiers & Qt.ControlModifier) { // var sx = mouse.x - canvas.mouseX; // var sy = canvas.mouseY - mouse.y; // if (Math.abs(sx) < 50) sx = 0; // if (Math.abs(sy) < 50) sy = 0; // if (sx > 0) // canvas.scaleX *= sx/100 +1; // else // canvas.scaleX *= 1/(-sx/100 + 1); // if (sy > 0) // canvas.scaleY *= sy/100 +1; // else // canvas.scaleY *= 1/(-sy/100 + 1); // if (canvas.scaleX < 1) // canvas.scaleX = 1; // //console.log("scaleX:" + canvas.scaleX + ", scaleY:" + canvas.scaleY); // canvas.first = Math.round(view.currentIndex - view.currentIndex / canvas.scaleX); // canvas.last = Math.round(view.currentIndex + (view.count - view.currentIndex) / canvas.scaleX); // canvas.mouseX = 0; // canvas.mouseY = 0; // canvas.mousePressedX = 0; // canvas.mousePressedY = 0; // canvas.requestPaint(); // } // } // } function drawBackground(ctx) { ctx.save(); ctx.fillStyle = "#272822" ctx.fillRect(0, 0, canvas.width, canvas.height) ctx.strokeStyle = "#423a2f" ctx.beginPath(); for (var i = 0; i < 10; i++) { ctx.moveTo(0, i * (canvas.height/10.0)); ctx.lineTo(canvas.width, i * (canvas.height/10.0)); } for (i = 0; i < 12; i++) { ctx.moveTo(i * (canvas.width/12.0), 0); ctx.lineTo(i * (canvas.width/12.0), canvas.height); } ctx.stroke(); ctx.strokeStyle = "#5c7a37" ctx.beginPath(); ctx.moveTo(8 * (canvas.width/12.0), 0); ctx.lineTo(8 * (canvas.width/12.0), canvas.height); ctx.stroke(); ctx.restore(); } function drawPrice(ctx, from, to, color, price, points, highest) { ctx.save(); ctx.globalAlpha = 0.7; ctx.strokeStyle = color; ctx.lineWidth = 1; ctx.beginPath(); var w = canvas.width/points.length; var end = points.length; for (var i = 0; i < end; i++) { var x = points[i].x; var y = points[i][price]; y = canvas.height * y/highest; if (i == 0) { ctx.moveTo(x+w/2, y); } else { ctx.lineTo(x+w/2, y); } } ctx.stroke(); ctx.restore(); } function drawKLine(ctx, from, to, points, highest) { ctx.save(); ctx.globalAlpha = 0.4; ctx.lineWidth = 2; var end = points.length; for (var i = 0; i < end; i++) { var x = points[i].x; var open = canvas.height * points[i].open/highest - canvas.movedY; var close = canvas.height * points[i].close/highest - canvas.movedY; var high = canvas.height * points[i].high/highest - canvas.movedY; var low = canvas.height * points[i].low/highest - canvas.movedY; var top, bottom; if (close <= open) { ctx.fillStyle = Qt.rgba(1, 0, 0, 1); ctx.strokeStyle = Qt.rgba(1, 0, 0, 1); top = close; bottom = open; } else { ctx.fillStyle = Qt.rgba(0, 1, 0, 1); ctx.strokeStyle = Qt.rgba(0, 1, 0, 1); top = open; bottom = close; } var w1, w2; w1 = canvas.width/points.length; w2 = w1 > 10 ? w1/2 : w1; ctx.fillRect(x + (w1 - w2)/2, top, w2, bottom - top); ctx.beginPath(); ctx.moveTo(x+w1/2, high); ctx.lineTo(x+w1/2, low); ctx.stroke(); } ctx.restore(); } function drawVolume(ctx, from, to, color, price, points, highest) { ctx.save(); ctx.fillStyle = color; ctx.globalAlpha = 0.6; ctx.strokeStyle = Qt.rgba(0.8, 0.8, 0.8, 1); ctx.lineWidth = 1; var end = points.length; for (var i = 0; i < end; i++) { var x = points[i].x; var y = points[i][price]; y = canvas.height * (1 - y/highest); ctx.fillRect(x, y, canvas.width/points.length, canvas.height - y); } ctx.restore(); } onPaint: { var ctx = canvas.getContext("2d"); ctx.globalCompositeOperation = "source-over"; ctx.lineWidth = 1; drawBackground(ctx); if (!stockModel.ready) return; last = stockModel.indexOf(chart.endDate) first = last - (chart.endDate.getTime() - chart.startDate.getTime())/86400000; console.log("painting... first:" + first + ", last:" + last); var highestPrice = stockModel.highestPrice; var highestVolume = stockModel.highestVolume; console.log("highest price:" + highestPrice + ", highest volume:" + highestVolume) var points = []; for (var i = 0; i <= last - first; i++) { var price = stockModel.get(i + first); points.push({ x: i*canvas.width/(last-first+1), open: price.open, close: price.close, high:price.high, low:price.low, volume:price.volume }); } if (settings.drawHighPrice) drawPrice(ctx, first, last, settings.highColor,"high", points, highestPrice); if (settings.drawLowPrice) drawPrice(ctx, first, last, settings.lowColor,"low", points, highestPrice); if (settings.drawOpenPrice) drawPrice(ctx, first, last,settings.openColor,"open", points, highestPrice); if (settings.drawClosePrice) drawPrice(ctx, first, last, settings.closeColor,"close", points, highestPrice); if (settings.drawVolume) drawVolume(ctx, first, last, settings.volumeColor,"volume", points, highestVolume); if (settings.drawKLine) drawKLine(ctx, first, last, points, highestPrice); } } }