aboutsummaryrefslogtreecommitdiffstats
path: root/examples/quick/demos/stocqt/content/StockChart.qml
diff options
context:
space:
mode:
Diffstat (limited to 'examples/quick/demos/stocqt/content/StockChart.qml')
-rw-r--r--examples/quick/demos/stocqt/content/StockChart.qml407
1 files changed, 171 insertions, 236 deletions
diff --git a/examples/quick/demos/stocqt/content/StockChart.qml b/examples/quick/demos/stocqt/content/StockChart.qml
index c7411679bb..97f6b47535 100644
--- a/examples/quick/demos/stocqt/content/StockChart.qml
+++ b/examples/quick/demos/stocqt/content/StockChart.qml
@@ -39,13 +39,15 @@
****************************************************************************/
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
+ 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
@@ -54,271 +56,204 @@ Rectangle {
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())
+ 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)
+ chart.startDate = new Date(chart.endDate.getFullYear() , chart.endDate.getMonth(), chart.endDate.getDate() - 7);
else
- chart.startDate = new Date(1995, 3, 25)
+ chart.startDate = new Date(1995, 3, 25);
canvas.requestPaint();
}
-
Text {
- id:fromDate
- color:"#6a5b44"
- width:50
+ 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()
+ anchors.top: parent.top
+ text: _months[startDate.getMonth()] + "\n" + startDate.getFullYear()
}
Text {
- id:toDate
- color:"#6a5b44"
+ id: toDate
+ color: "#6a5b44"
font.pointSize: 10
- width:50
+ width: 50
wrapMode: Text.WordWrap
anchors.right: parent.right
anchors.leftMargin: 20
- anchors.top:parent.top
- text:_months[endDate.getMonth()] + "\n" + endDate.getFullYear()
+ 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);
+ id: canvas
+ width: parent.width
+ anchors.top: toDate.bottom
+ 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
+
+ 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));
+ }
-// canvas.mouseX = 0;
-// canvas.mouseY = 0;
-// canvas.mousePressedX = 0;
-// canvas.mousePressedY = 0;
-// canvas.requestPaint();
-// }
-// }
-// }
+ 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();
- 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));
- }
+ ctx.strokeStyle = "#5c7a37";
+ ctx.beginPath();
+ ctx.moveTo(8 * (canvas.width/12.0), 0);
+ ctx.lineTo(8 * (canvas.width/12.0), canvas.height);
+ ctx.stroke();
- for (i = 0; i < 12; i++) {
- ctx.moveTo(i * (canvas.width/12.0), 0);
- ctx.lineTo(i * (canvas.width/12.0), canvas.height);
+ ctx.restore();
}
- 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();
+ 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);
+ 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();
}
- 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;
+ 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();
}
-
- 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();
}
- 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);
+ 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();
}
- 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
- });
+ 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);
}
- 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);
}
}
-}
generated by cgit v1.2.3 (git 2.25.1) at 2024-05-17 18:11:50 +0000