Merge branch 'story34_v2' into 'sprint4_master'

Story34 v2



See merge request !7

mock/src/test/java/seng302/DataInput/BoatXMLReaderTest.java

@@ -11,7 +11,8 @@ import java.io.IOException;
 import java.util.ArrayList;
 import java.util.List;
 
-import static org.testng.Assert.*;
+import static org.junit.Assert.assertEquals;
+//import static org.testng.Assert.*;
 
 /**
  * Created by cbt24 on 10/05/17.

mock/src/test/java/seng302/Model/CompoundMarkTest.java

@@ -3,8 +3,9 @@ package seng302.Model;
 import org.junit.Ignore;
 import org.junit.Test;
 
+import static org.junit.Assert.assertEquals;
 import static org.junit.Assert.assertTrue;
-import static org.testng.AssertJUnit.assertEquals;
+//import static org.testng.AssertJUnit.assertEquals;
 
 /**
  * Created by esa46 on 29/03/17.

visualiser/src/main/java/seng302/Controllers/RaceController.java

@@ -3,15 +3,18 @@ package seng302.Controllers;
 
 import javafx.collections.ObservableList;
 import javafx.fxml.FXML;
+import javafx.scene.chart.LineChart;
+import javafx.scene.chart.NumberAxis;
+import javafx.scene.chart.XYChart;
 import javafx.scene.control.*;
 import javafx.scene.layout.GridPane;
+import javafx.scene.paint.Color;
 import seng302.Mock.StreamedRace;
 import seng302.Model.*;
 import seng302.VisualiserInput;
 
 import java.net.URL;
-import java.util.ArrayList;
+import java.util.*;
-import java.util.ResourceBundle;
 
 /**
  * Created by fwy13 on 15/03/2017.
@@ -21,9 +24,13 @@ public class RaceController extends Controller {
 
     //user saved data for annotation display
     private ArrayList<Boolean> presetAnno;
-
+    private ArrayList<Boat> startBoats;
+    private Integer sparkLineNumber = 0;
     private ResizableRaceCanvas raceMap;
     private ResizableRaceMap raceBoundaries;
+    private ArrayList<String> colours;
+    private Map<Integer, String> boatColours = new HashMap<>();
+    private int legNum;
     @FXML SplitPane race;
     @FXML CheckBox showFPS;
     @FXML CheckBox showBoatPath;
@@ -41,6 +48,9 @@ public class RaceController extends Controller {
     @FXML TableColumn<Boat, String> boatTeamColumn;
     @FXML TableColumn<Boat, String> boatMarkColumn;
     @FXML TableColumn<Boat, String> boatSpeedColumn;
+    @FXML LineChart<Number, Number> sparklineChart;
+    @FXML NumberAxis xAxis;
+    @FXML NumberAxis yAxis;
 
     /**
      * Updates the ResizableRaceCanvas (raceMap) with most recent data
@@ -76,6 +86,7 @@ public class RaceController extends Controller {
     @Override
     public void initialize(URL location, ResourceBundle resources) {
         //listener for fps
+        startBoats = new ArrayList<>();
         showFPS.selectedProperty().addListener((ov, old_val, new_val) -> {
             if (showFPS.isSelected()) {
                 FPS.setVisible(true);
@@ -85,6 +96,64 @@ public class RaceController extends Controller {
         });
     }
 
+    /**
+     * Creates and sets initial display for Sparkline for race positions.
+     * A data series for each boat in the race is added.
+     * Position numbers are displayed.
+     *
+     * @param boats boats to display on the sparkline
+     */
+    public void createSparkLine(ObservableList<Boat> boats){
+        // NOTE: Y axis is in negatives to display correct positions
+
+        makeColours();
+        startBoats.addAll(boats);
+        mapBoatColours();
+
+        // all boats start in 'last' place
+        for (int i=0; i<startBoats.size(); i++){
+            XYChart.Series<Number, Number> series = new XYChart.Series();
+            series.getData().add(new XYChart.Data(0, -startBoats.size()));
+            series.getData().add(new XYChart.Data(0, -startBoats.size()));
+            sparklineChart.getData().add(series);
+            sparklineChart.getData().get(i).getNode().setStyle("-fx-stroke: " +
+                    ""+boatColours.get(startBoats.get(i).getSourceID())+";");
+        }
+
+        sparklineChart.setCreateSymbols(false);
+
+        // set x axis details
+        xAxis.setAutoRanging(false);
+        xAxis.setTickMarkVisible(false);
+        xAxis.setTickLabelsVisible(false);
+        xAxis.setMinorTickVisible(false);
+        xAxis.setUpperBound(startBoats.size()*legNum);
+        xAxis.setTickUnit(startBoats.size()*legNum);
+
+
+        // set y axis details
+        yAxis.setLowerBound(-(startBoats.size()+1));
+        yAxis.setUpperBound(0);
+        yAxis.setAutoRanging(false);
+        yAxis.setLabel("Position in Race");
+        yAxis.setTickUnit(1);
+        yAxis.setTickMarkVisible(false);
+        yAxis.setMinorTickVisible(false);
+        // hide minus number from displaying on axis
+        yAxis.setTickLabelFormatter(new NumberAxis.DefaultFormatter(yAxis) {
+            @Override
+            public String toString(Number value) {
+                if ((Double)value == 0.0
+                        || (Double)value < -startBoats.size()){
+                    return "";
+                }
+                else {
+                    return String.format("%7.0f", -value.doubleValue());
+                }
+            }
+        });
+    }
+
     /**
      * Initializes and runs the race, based on the user's chosen scale factor
      * Currently uses an example racecourse
@@ -95,7 +164,7 @@ public class RaceController extends Controller {
     public void startRace(VisualiserInput visualiserInput, RaceClock raceClock) {
         StreamedRace newRace = new StreamedRace(visualiserInput, this);
         //newRace.initialiseBoats();
-
+        legNum = visualiserInput.getCourse().getLegs().size()-1;
         raceMap = new ResizableRaceCanvas(visualiserInput.getCourse());
         raceMap.setMouseTransparent(true);
         raceMap.widthProperty().bind(canvasBase.widthProperty());
@@ -163,6 +232,77 @@ public class RaceController extends Controller {
         });
     }
 
+    /**
+     * Updates the sparkline to display current boat positions.
+     * New points are plotted to represent each boat when required.
+     *
+     * @param boatsInRace used for current boat positions.
+     */
+    public void updateSparkline(ObservableList<Boat> boatsInRace){
+        int placingVal = boatsInRace.size();
+        sparkLineNumber++;
+
+        for (int i = boatsInRace.size() - 1; i >= 0; i--){
+            for (int j = startBoats.size() - 1; j >= 0; j--){
+                if (boatsInRace.get(i)==startBoats.get(j)){
+
+                    // when a boat is on its first leg
+                    if (boatsInRace.get(i).getCurrentLeg().getLegNumber()==0){
+                        // adjust boats latest point on X axis
+                        sparklineChart.getData().get(j).getData().get(1)
+                                .setXValue(sparkLineNumber);
+                    }
+
+                    // when a boat first enters its second leg
+                    else if (boatsInRace.get(i).getCurrentLeg().getLegNumber
+                            ()==1 && sparklineChart.getData().get(j).getData
+                            ().size()==2){
+                        // adjust boats position from start mark
+                        sparklineChart.getData().get(j).getData().get(1)
+                                .setYValue(-placingVal);
+                        sparklineChart.getData().get(j).getData().get(1)
+                                .setXValue(sparkLineNumber);
+                        sparklineChart.getData().get(j).getData().add(new XYChart.Data<>
+                                (sparkLineNumber, -placingVal));
+                    }
+
+                    // plot new point for boats current position
+                    else {
+                        sparklineChart.getData().get(j).getData().add
+                                (new XYChart.Data<>(sparkLineNumber, -placingVal));
+                    }
+                    placingVal-=1;
+                }
+            }
+        }
+//        xAxis.setUpperBound(sparkLineNumber);
+//        xAxis.setTickUnit(sparkLineNumber);
+    }
+
+    private void makeColours() {
+        colours = new ArrayList<>(Arrays.asList(
+                colourToHex(Color.BLUEVIOLET),
+                colourToHex(Color.BLACK),
+                colourToHex(Color.RED),
+                colourToHex(Color.ORANGE),
+                colourToHex(Color.DARKOLIVEGREEN),
+                colourToHex(Color.LIMEGREEN),
+                colourToHex(Color.PURPLE),
+                colourToHex(Color.DARKGRAY),
+                colourToHex(Color.YELLOW)
+        ));
+    }
+
+    private void mapBoatColours() {
+        int currentColour = 0;
+        for (Boat boat : startBoats) {
+            if (!boatColours.containsKey(boat.getSourceID())) {
+                boatColours.put(boat.getSourceID(), colours.get(currentColour));
+            }
+            currentColour = (currentColour + 1) % colours.size();
+        }
+    }
+
     /**
      * Set up boat annotations
      */
@@ -213,4 +353,11 @@ public class RaceController extends Controller {
             }
         });
     }
+
+    private String colourToHex(Color color) {
+        return String.format( "#%02X%02X%02X",
+                (int)( color.getRed() * 255 ),
+                (int)( color.getGreen() * 255 ),
+                (int)( color.getBlue() * 255 ) );
+    }
 }

visualiser/src/main/java/seng302/Mock/StreamedRace.java

@@ -76,6 +76,7 @@ public class StreamedRace implements Runnable {
      * @param timeElapsed Time that has elapse since the start of the the race.
      */
     private void checkPosition(Boat boat, long timeElapsed) {
+        boolean legChanged = false;
         StreamedCourse raceData = visualiserInput.getCourse();
         BoatStatus boatStatusMessage = visualiserInput.getBoatStatusMap().get(boat.getSourceID());
         if (boatStatusMessage != null) {
@@ -84,7 +85,10 @@ public class StreamedRace implements Runnable {
             int legNumber = boatStatusMessage.getLegNumber();
 
             if (legNumber >= 1 && legNumber < legs.size()) {
+                if (boat.getCurrentLeg() != legs.get(legNumber)){
                     boat.setCurrentLeg(legs.get(legNumber));
+                    legChanged = true;
+                }
             }
 
             if (boatStatusEnum == BoatStatusEnum.RACING) {
@@ -98,8 +102,11 @@ public class StreamedRace implements Runnable {
                 //System.out.println("Boat finished");
             }
         }
+        if (legChanged) {
             //Update the boat display table in the GUI to reflect the leg change
             updatePositions();
+            controller.updateSparkline(startingBoats);
+        }
     }
 
     /**
@@ -153,6 +160,7 @@ public class StreamedRace implements Runnable {
      */
     public void run() {
         setControllerListeners();
+        Platform.runLater(() -> controller.createSparkLine(startingBoats));
         initialiseBoats();
         startRaceStream();
     }
@@ -189,6 +197,7 @@ public class StreamedRace implements Runnable {
             public void handle(long arg0) {
                 if (boatsFinished < startingBoats.size()) {
                     boatsFinished = 0;
+                    //controller.updateSparkline(startingBoats);
                     totalTimeElapsed = System.currentTimeMillis() - timeRaceStarted;
 
                     for (Boat boat : startingBoats) {
@@ -206,6 +215,7 @@ public class StreamedRace implements Runnable {
                         }
                     }
                     //System.out.println(boatsFinished + ":" + startingBoats.size());
+
                 } else {
                     controller.finishRace(startingBoats);
                     stop();

visualiser/src/main/java/seng302/Model/ResizableRaceCanvas.java

@@ -10,9 +10,7 @@ import seng302.Mock.StreamedCourse;
 import seng302.RaceDataSource;
 import seng302.RaceMap;
 
-import java.util.ArrayList;
+import java.util.*;
-import java.util.Arrays;
-import java.util.List;
 
 /**
  * This creates a JavaFX Canvas that is fills it's parent.
@@ -31,6 +29,7 @@ public class ResizableRaceCanvas extends ResizableCanvas {
     private List<Color> colours;
     private final List<Marker> markers;
     private final RaceDataSource raceData;
+    private Map<Integer, Color> boatColours = new HashMap<>();
 
     public ResizableRaceCanvas(RaceDataSource raceData) {
         super();
@@ -54,6 +53,7 @@ public class ResizableRaceCanvas extends ResizableCanvas {
      */
     public void setBoats(List<Boat> boats) {
         this.boats = boats;
+        mapBoatColours();
     }
 
 
@@ -276,27 +276,27 @@ public class ResizableRaceCanvas extends ResizableCanvas {
      * Draws boats while race in progress, when leg heading is set.
      */
     private void updateBoats() {
-        int currentColour = 0;
         if (boats != null) {
+            if (boatColours.size() < boats.size()) mapBoatColours();
             for (Boat boat : boats) {
                 boolean finished = boat.getCurrentLeg().getName().equals("Finish") || boat.getCurrentLeg().getName().equals("DNF");
                 boolean isStart = boat.isStarted();
+                int sourceID = boat.getSourceID();
                 if (!finished && isStart) {
-                    displayBoat(boat, boat.getHeading(), colours.get(currentColour));
+                    displayBoat(boat, boat.getHeading(), boatColours.get(sourceID));
                     GraphCoordinate wakeFrom = this.map.convertGPS(boat.getCurrentPosition());
                     GraphCoordinate wakeTo = this.map.convertGPS(boat.getWake());
-                    displayLine(wakeFrom, wakeTo, colours.get(currentColour));
+                    displayLine(wakeFrom, wakeTo, boatColours.get(sourceID));
                 } else if (!isStart) {
-                    displayBoat(boat, boat.getHeading(), colours.get(currentColour));
+                    displayBoat(boat, boat.getHeading(), boatColours.get(sourceID));
                 } else {
-                    displayBoat(boat, 0, colours.get(currentColour));
+                    displayBoat(boat, 0, boatColours.get(sourceID));
                 }
 
                 if (raceAnno)
                     displayText(boat.toString(), boat.getAbbrev(), boat.getVelocity(), this.map.convertGPS(boat.getCurrentPosition()));
                 //TODO this needs to be fixed.
-                drawTrack(boat, colours.get(currentColour));
+                drawTrack(boat, boatColours.get(sourceID));
-                currentColour = (currentColour + 1) % colours.size();
             }
         }
     }
@@ -330,4 +330,14 @@ public class ResizableRaceCanvas extends ResizableCanvas {
         ));
     }
 
+    private void mapBoatColours() {
+        int currentColour = 0;
+        for (Boat boat : boats) {
+            if (!boatColours.containsKey(boat.getSourceID())) {
+                boatColours.put(boat.getSourceID(), colours.get(currentColour));
+            }
+            currentColour = (currentColour + 1) % colours.size();
+        }
+    }
+
 }

visualiser/src/main/resources/scenes/race.fxml

@@ -1,19 +1,22 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
+<?import javafx.scene.chart.*?>
+<?import java.lang.*?>
+<?import javafx.geometry.*?>
+<?import javafx.scene.text.*?>
 <?import javafx.geometry.Insets?>
 <?import javafx.scene.control.*?>
 <?import javafx.scene.layout.*?>
 <?import javafx.scene.text.Font?>
-<SplitPane xmlns:fx="http://javafx.com/fxml/1" fx:id="race" dividerPositions="0.7" visible="false" AnchorPane.bottomAnchor="0.0"
+
-           AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0"
+<SplitPane fx:id="race" dividerPositions="0.7" prefHeight="431.0" prefWidth="610.0" visible="false" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="seng302.Controllers.RaceController">
-           xmlns="http://javafx.com/javafx/8" fx:controller="seng302.Controllers.RaceController">
     <items>
         <GridPane fx:id="canvasBase">
             <columnConstraints>
-                <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0"/>
+                <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" />
             </columnConstraints>
             <rowConstraints>
-                <RowConstraints minHeight="10.0" vgrow="SOMETIMES"/>
+                <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
             </rowConstraints>
             <children>
                 <Pane prefHeight="200.0" prefWidth="400.0" GridPane.halignment="LEFT" GridPane.valignment="TOP">
@@ -24,28 +27,13 @@
                                     <content>
                                         <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="240.0" prefWidth="200.0">
                                             <children>
-                                                <CheckBox fx:id="showBoatPath" mnemonicParsing="false" selected="true"
+                                                <CheckBox fx:id="showBoatPath" mnemonicParsing="false" selected="true" text="Show Boat Paths" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="104.0" />
-                                                          text="Show Boat Paths" AnchorPane.leftAnchor="0.0"
+                                                <CheckBox fx:id="showAnnotations" layoutX="-2.0" layoutY="14.0" mnemonicParsing="false" selected="true" text="Show Annotations" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="0.0" />
-                                                          AnchorPane.topAnchor="104.0"/>
+                                                <CheckBox fx:id="showName" layoutY="39.0" mnemonicParsing="false" selected="true" text="Show Boat Name" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="26.0" />
-                                                <CheckBox fx:id="showAnnotations" layoutX="-2.0" layoutY="14.0"
+                                                <CheckBox fx:id="showAbbrev" layoutY="61.0" mnemonicParsing="false" selected="true" text="Show Boat Abbreviation" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="52.0" />
-                                                          mnemonicParsing="false" selected="true"
+                                                <CheckBox fx:id="showSpeed" layoutY="90.0" mnemonicParsing="false" selected="true" text="Show Boat Speed" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="78.0" />
-                                                          text="Show Annotations" AnchorPane.leftAnchor="0.0"
+                                                <Button fx:id="saveAnno" layoutX="11.0" layoutY="106.0" maxWidth="154.0" mnemonicParsing="false" prefWidth="154.0" text="Save Annotation" AnchorPane.topAnchor="130.0" />
-                                                          AnchorPane.topAnchor="0.0"/>
+                                                <Button fx:id="showSetAnno" layoutX="11.0" layoutY="139.0" mnemonicParsing="false" text="Show Set Annotation" AnchorPane.topAnchor="160.0" />
-                                                <CheckBox fx:id="showName" layoutY="39.0" mnemonicParsing="false"
-                                                          selected="true" text="Show Boat Name"
-                                                          AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="26.0"/>
-                                                <CheckBox fx:id="showAbbrev" layoutY="61.0" mnemonicParsing="false"
-                                                          selected="true" text="Show Boat Abbreviation"
-                                                          AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="52.0"/>
-                                                <CheckBox fx:id="showSpeed" layoutY="90.0" mnemonicParsing="false"
-                                                          selected="true" text="Show Boat Speed"
-                                                          AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="78.0"/>
-                                                <Button fx:id="saveAnno" layoutX="11.0" layoutY="106.0" maxWidth="154.0"
-                                                        mnemonicParsing="false" prefWidth="154.0" text="Save Annotation"
-                                                        AnchorPane.topAnchor="130.0"/>
-                                                <Button fx:id="showSetAnno" layoutX="11.0" layoutY="139.0"
-                                                        mnemonicParsing="false" text="Show Set Annotation"
-                                                        AnchorPane.topAnchor="160.0"/>
                                             </children>
                                         </AnchorPane>
                                     </content>
@@ -54,9 +42,7 @@
                                     <content>
                                         <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0">
                                             <children>
-                                                <CheckBox fx:id="showFPS" layoutX="-14.0" layoutY="13.0"
+                                                <CheckBox fx:id="showFPS" layoutX="-14.0" layoutY="13.0" mnemonicParsing="false" selected="true" text="Show FPS" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="0.0" />
-                                                          mnemonicParsing="false" selected="true" text="Show FPS"
-                                                          AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="0.0"/>
                                             </children>
                                         </AnchorPane>
                                     </content>
@@ -65,42 +51,48 @@
                         </Accordion>
                     </children>
                 </Pane>
-                <Label fx:id="timer" layoutX="45.0" layoutY="146.0" maxHeight="20.0" text="0:0"
+                <Label fx:id="timer" layoutX="45.0" layoutY="146.0" maxHeight="20.0" text="0:0" AnchorPane.bottomAnchor="0.0" AnchorPane.rightAnchor="0.0" GridPane.halignment="RIGHT" GridPane.valignment="BOTTOM">
-                       AnchorPane.bottomAnchor="0.0" AnchorPane.rightAnchor="0.0" GridPane.halignment="RIGHT"
-                       GridPane.valignment="BOTTOM">
                     <font>
-                        <Font name="System Bold" size="15.0"/>
+                        <Font name="System Bold" size="15.0" />
                     </font>
                 </Label>
-                <Label fx:id="FPS" text="FPS: 0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0"
+                <Label fx:id="FPS" text="FPS: 0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" GridPane.halignment="LEFT" GridPane.valignment="BOTTOM">
-                       GridPane.halignment="LEFT" GridPane.valignment="BOTTOM">
                     <font>
-                        <Font name="System Bold" size="15.0"/>
+                        <Font name="System Bold" size="15.0" />
                     </font>
                 </Label>
                 <Label fx:id="timeZone" text="Label" GridPane.halignment="RIGHT" GridPane.valignment="BOTTOM">
                     <GridPane.margin>
-                        <Insets bottom="20.0"/>
+                        <Insets bottom="20.0" />
                     </GridPane.margin>
                     <font>
-                        <Font name="System Bold" size="15.0"/>
+                        <Font name="System Bold" size="15.0" />
                     </font>
                 </Label>
             </children>
         </GridPane>
-        <AnchorPane layoutX="450.0" minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="200.0"
+        <AnchorPane layoutX="450.0" minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="200.0" GridPane.columnIndex="1">
-                    GridPane.columnIndex="1">
             <children>
-                <TableView fx:id="boatInfoTable" layoutX="-2.0" prefHeight="600.0" prefWidth="264.0"
+                <TableView fx:id="boatInfoTable" layoutX="-2.0" prefHeight="265.0" prefWidth="242.0" AnchorPane.bottomAnchor="164.0" AnchorPane.leftAnchor="-2.0" AnchorPane.rightAnchor="-62.0" AnchorPane.topAnchor="0.0">
-                           AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="-2.0" AnchorPane.rightAnchor="-62.0"
-                           AnchorPane.topAnchor="0.0">
                     <columns>
-                        <TableColumn fx:id="boatPlacingColumn" prefWidth="50.0" text="Place"/>
+                        <TableColumn fx:id="boatPlacingColumn" prefWidth="50.0" text="Place" />
-                        <TableColumn fx:id="boatTeamColumn" prefWidth="100.0" text="Team"/>
+                        <TableColumn fx:id="boatTeamColumn" prefWidth="100.0" text="Team" />
-                        <TableColumn fx:id="boatMarkColumn" prefWidth="130.0" text="Mark"/>
+                        <TableColumn fx:id="boatMarkColumn" prefWidth="130.0" text="Mark" />
-                        <TableColumn fx:id="boatSpeedColumn" prefWidth="75.0" text="Speed"/>
+                        <TableColumn fx:id="boatSpeedColumn" prefWidth="75.0" text="Speed" />
                     </columns>
                 </TableView>
+                <AnchorPane layoutY="265.0" prefHeight="167.0" prefWidth="178.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0">
+                    <children>
+                        <LineChart fx:id="sparklineChart" layoutX="-211.0" layoutY="-186.0" mouseTransparent="true" prefHeight="167.0" prefWidth="178.0" titleSide="LEFT" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
+                            <xAxis>
+                                <NumberAxis side="BOTTOM" fx:id="xAxis"/>
+                            </xAxis>
+                            <yAxis>
+                                <NumberAxis side="LEFT" fx:id="yAxis"/>
+                            </yAxis>
+                        </LineChart>
+                    </children>
+                </AnchorPane>
             </children>
         </AnchorPane>
     </items>