GyroChart and Magnetometerchart grid removal

Removed grids from charts.
changed magnetometer chart type.
Removed old IR Temp from cloud IF.
New signal(s) for Ambient and object temperatures.

Change-Id: If9f215f33197ca1dc03b2a55187464fdb7a05cd9
Reviewed-by: Kari Hautamäki <kari.hautamaki@qt.io>

4 files changed, 44 insertions, 107 deletions

diff --git a/tradeshow/iot-sensortag/resources/base/GyroChart.qml b/tradeshow/iot-sensortag/resources/base/GyroChart.qml
index 37ee21f..91f1911 100644
--- a/tradeshow/iot-sensortag/resources/base/GyroChart.qml
+++ b/tradeshow/iot-sensortag/resources/base/GyroChart.qml
@@ -97,11 +97,11 @@ BaseChart {
 
             anchors.top: parent.top
             anchors.bottom: parent.bottom
-            anchors.bottomMargin: 8
+            anchors.bottomMargin: 33
             anchors.left: parent.left
-            anchors.leftMargin: -40
+            anchors.leftMargin: -20
             anchors.right: parent.right
-            anchors.rightMargin: -28
+            anchors.rightMargin: -15
             antialiasing: true
             backgroundColor: "transparent"
             legend.visible: false
@@ -115,10 +115,8 @@ BaseChart {
                 min: 0
                 max: maxGyroReadings + 1
                 tickCount: 13
-                minorTickCount: 1
                 color: chartColor
-                gridLineColor: gridColor
-                minorGridLineColor: gridColor
+                visible: false
             }
 
             ValueAxis {
@@ -127,32 +125,8 @@ BaseChart {
                 min: 0
                 max: 360
                 tickCount: 11
-                minorTickCount: 1
                 color: chartColor
-                gridLineColor: gridColor
-                minorGridLineColor: gridColor
-            }
-
-            Column {
-                id: col
-
-                property int step: (valueAxisY.max - valueAxisY.min) / (valueAxisY.tickCount - 1)
-
-                spacing: -7
-
-                y: chartView.plotArea.y - 10
-                x: 30
-
-                Repeater {
-                    model: valueAxisY.tickCount
-
-                    Text {
-                        text: valueAxisY.max - index * col.step
-                        horizontalAlignment: Text.AlignRight
-                        width: 50
-                        color: textColor
-                    }
-                }
+                visible: false
             }
 
             ScatterSeries {
diff --git a/tradeshow/iot-sensortag/resources/base/MagnetometerChart.qml b/tradeshow/iot-sensortag/resources/base/MagnetometerChart.qml
index 0f18f87..bd60dc6 100644
--- a/tradeshow/iot-sensortag/resources/base/MagnetometerChart.qml
+++ b/tradeshow/iot-sensortag/resources/base/MagnetometerChart.qml
@@ -87,27 +87,17 @@ BaseChart {
             magneticSeriesIndex++;
         }
 
-        Text {
-            id: historyLabel
-            text: "MAGNETIC FIELD HISTORY"
-            color: textColor
-            anchors.top: parent.top
-            anchors.topMargin: 16
-            anchors.left: parent.left
-            anchors.leftMargin: chartView.plotArea.x - 40
-        }
 
-        ChartView {
+        PolarChartView {
             id: chartView
 
-            anchors.top: historyLabel.bottom
-            anchors.topMargin: -26
+            anchors.top: parent.top
+            anchors.topMargin: -8
             anchors.bottom: parent.bottom
-            anchors.bottomMargin: 8
+            anchors.bottomMargin: -10
             anchors.left: parent.left
-            anchors.leftMargin: -40
+            anchors.leftMargin: -15
             anchors.right: parent.right
-            anchors.rightMargin: -28
             antialiasing: true
             backgroundColor: "transparent"
             legend.visible: false
@@ -123,45 +113,24 @@ BaseChart {
                 max: maxNumOfMagnReadings + 1
                 tickCount: 2
                 color: chartColor
+                visible: false
             }
 
             ValueAxis {
                 id: valueAxisY
 
-                min: 0
+                min: -1000
                 max: 1000
                 color: chartColor
-                gridLineColor: "darkgray"
                 labelsVisible: false
-                tickCount: 11
-            }
-
-            Column {
-                id: col
-
-                property int step: (valueAxisY.max - valueAxisY.min) / (valueAxisY.tickCount - 1)
-
-                spacing: -9
-                y: chartView.plotArea.y - 10
-                x: 30
-
-                Repeater {
-                    model: valueAxisY.tickCount
-
-                    Text {
-                        text: valueAxisY.max - index * col.step
-                        horizontalAlignment: Text.AlignRight
-                        width: 50
-                        color: textColor
-                    }
-                }
+                visible: false
             }
 
             SplineSeries {
                 id: magnSeriesX
                 axisX: valueAxisX
                 axisY: valueAxisY
-                width: 1
+                width: 2
                 color: xColor
                 name: "Magnet X"
             }
@@ -169,7 +138,7 @@ BaseChart {
                 id: magnSeriesY
                 axisX: valueAxisX
                 axisY: valueAxisY
-                width: 1
+                width: 2
                 color: yColor
                 name: "Magnet Y"
             }
@@ -177,50 +146,44 @@ BaseChart {
                 id: magnSeriesZ
                 axisX: valueAxisX
                 axisY: valueAxisY
-                width: 1
+                width: 2
                 color: zColor
                 name: "Magnet Z"
             }
         }
 
         Text {
-            text: "µT"
-            anchors.top: xLabelRow.top
-            anchors.right: xLabelRow.left
-            anchors.rightMargin: 8
-            color: textColor
-            width: 20
-            font.pixelSize: 14
+            id: xLabel
+            anchors.left: parent.left
+            anchors.leftMargin: 20
+            anchors.top: parent.top
+            anchors.topMargin: 20
+            horizontalAlignment: Text.AlignHCenter
+            text: "<font color=\"" + xColor + "\">X<br><font color=\"white\">" + (sensor ? sensor.magnetometerMicroT_xAxis : 0)
+            lineHeight: 0.7
+            width: (magnetHolderRect.width - xLabelRow.x) / 3
         }
 
-        Row {
-            id: xLabelRow
+        Text {
+            anchors.left: parent.left
+            anchors.leftMargin: 20
             anchors.bottom: parent.bottom
             anchors.bottomMargin: 28
-            anchors.left: historyLabel.left
-            anchors.right: parent.right
-
-            Text {
-                id: xLabel
-                horizontalAlignment: Text.AlignHCenter
-                text: "<font color=\"" + xColor + "\">X<br><font color=\"white\">" + (sensor ? sensor.magnetometerMicroT_xAxis : 0)
-                lineHeight: 0.7
-                width: (magnetHolderRect.width - xLabelRow.x) / 3
-            }
-
-            Text {
-                horizontalAlignment: Text.AlignHCenter
-                text: "<font color=\"" + yColor + "\">Y<br><font color=\"white\">" + (sensor ? sensor.magnetometerMicroT_yAxis : 0)
-                lineHeight: 0.7
-                width: xLabel.width
-            }
+            horizontalAlignment: Text.AlignHCenter
+            text: "<font color=\"" + yColor + "\">Y<br><font color=\"white\">" + (sensor ? sensor.magnetometerMicroT_yAxis : 0)
+            lineHeight: 0.7
+            width: xLabel.width
+        }
 
-            Text {
-                horizontalAlignment: Text.AlignHCenter
-                text: "<font color=\"" + zColor + "\">Z<br><font color=\"white\">" + (sensor ? sensor.magnetometerMicroT_zAxis : 0)
-                lineHeight: 0.7
-                width: xLabel.width
-            }
+        Text {
+            anchors.right: parent.right
+            anchors.rightMargin: 20
+            anchors.bottom: parent.bottom
+            anchors.bottomMargin: 28
+            horizontalAlignment: Text.AlignHCenter
+            text: "<font color=\"" + zColor + "\">Z<br><font color=\"white\">" + (sensor ? sensor.magnetometerMicroT_zAxis : 0)
+            lineHeight: 0.7
+            width: xLabel.width
         }
     }
 }
diff --git a/tradeshow/iot-sensortag/resources/base/ObjectTemperatureChart.qml b/tradeshow/iot-sensortag/resources/base/ObjectTemperatureChart.qml
index 11da845..770684e 100644
--- a/tradeshow/iot-sensortag/resources/base/ObjectTemperatureChart.qml
+++ b/tradeshow/iot-sensortag/resources/base/ObjectTemperatureChart.qml
@@ -68,7 +68,7 @@ BaseChart {
     title: qsTr("Object Temperature")
 
     onSensorChanged: if (sensor) {
-        sensor.infraredCelsiusTemperatureChanged.connect(updateTemps)
+        sensor.infraredObjectTemperatureChanged.connect(updateTemps)
     }
 
     content: Item {
diff --git a/tradeshow/iot-sensortag/resources/base/TemperatureChart.qml b/tradeshow/iot-sensortag/resources/base/TemperatureChart.qml
index 5a98029..27cd094 100644
--- a/tradeshow/iot-sensortag/resources/base/TemperatureChart.qml
+++ b/tradeshow/iot-sensortag/resources/base/TemperatureChart.qml
@@ -68,7 +68,7 @@ BaseChart {
     readonly property color chartColor: "#15bdff"
 
     onSensorChanged: if (sensor) {
-        sensor.infraredCelsiusTemperatureChanged.connect(contentItem.updateTemperatureGraph)
+        sensor.infraredAmbientTemperatureChanged.connect(contentItem.updateTemperatureGraph)
     }
 
     title: qsTr("Ambient Temperature")