Fix time axis of IMU and magnetometer plots [CPP-602] (#373)

* Fix time axis of IMU and magnetometer plots [CPP-602]

Flips the x axis labels of IMU messages, so that the most recent sample
is labelled 0 and the oldest is labelled 200. Previously, this was
vice-versa.

* Reverse X axis

Author: samvrlewis

console_backend/src/advanced_imu_tab.rs

@@ -141,7 +141,7 @@ impl AdvancedImuTab {
             let mut point_val_idx = tab_points.reborrow().init(idx as u32, NUM_POINTS as u32);
             for (idx, point) in points.enumerate() {
                 let mut point_val = point_val_idx.reborrow().get(idx as u32);
-                point_val.set_x(idx as f64);
+                point_val.set_x((NUM_POINTS - idx) as f64);
                 point_val.set_y(*point);
             }
         }

console_backend/src/advanced_magnetometer_tab.rs

@@ -76,7 +76,7 @@ impl AdvancedMagnetometerTab {
             let mut point_val_idx = tab_points.reborrow().init(idx as u32, NUM_POINTS as u32);
             for (idx, point) in points.enumerate() {
                 let mut point_val = point_val_idx.reborrow().get(idx as u32);
-                point_val.set_x(idx as f64);
+                point_val.set_x((NUM_POINTS - idx) as f64);
                 point_val.set_y(*point);
             }
         }

resources/AdvancedTabComponents/AdvancedImuTab.qml

@@ -109,6 +109,7 @@ Item {
                 labelFormat: "%d"
                 min: Constants.advancedImu.xAxisMin
                 max: Constants.advancedImu.xAxisMax
+                reverse: true
             }
 
             SwiftValueAxis {

resources/AdvancedTabComponents/AdvancedMagnetometerTab.qml

@@ -110,6 +110,7 @@ Item {
                 tickInterval: Constants.advancedMagnetometer.xAxisTickCount
                 tickType: ValueAxis.TicksDynamic
                 labelFormat: "%d"
+                reverse: true
             }
 
             SwiftValueAxis {