Change function signature: drawing line chart

Add parameter for datastream metadata to function that draws line chart

public/js/appCesium.js

@@ -313,22 +313,12 @@ const activate3DTileFeaturePicking = function () {
       clickedBuildingDatastreamId
     );
 
-    // Get "ALL" the Observations that satisfy our query
-    // getCombinedObservationsFromAllNextLinks(
-    //   axiosGetRequest(URL_OBSERVATIONS, QUERY_PARAMS_COMBINED)
-    // )
-    //   .then((observationArr) => {
-    //     drawHeatMapHC(formatSTAResponseForHeatMap(observationArr));
-    //     drawLineChartHC(formatSTAResponseForLineChart(observationArr));
-    //   })
-    //   .catch((err) => {
-    //     console.log(err);
-    //   });
-
+    // Create promises
     const promiseDatastreamMetadata = getDatastreamMetadata(URL_DATASTREAM);
     const promiseCombinedObservations = getCombinedObservationsFromAllNextLinks(
       axiosGetRequest(URL_OBSERVATIONS, QUERY_PARAMS_COMBINED)
     );
+    // Pass promises to our async function
     getMetadataPlusObservationsForChart([
       promiseCombinedObservations,
       promiseDatastreamMetadata,
@@ -338,6 +328,11 @@ const activate3DTileFeaturePicking = function () {
         const combinedObs = metadataAndObs[0];
         const datastreamMetadata = metadataAndObs[1];
 
+        drawLineChartHC(
+          formatSTAResponseForLineChart(combinedObs),
+          datastreamMetadata
+        );
+
         drawHeatMapHC(
           formatSTAResponseForHeatMap(combinedObs),
           datastreamMetadata

public/js/appChart.js

@@ -301,7 +301,10 @@ export const formatSTAResponseForLineChart = function (obsArray) {
  * @param {Array} formattedObsArrayForLineChart Response from SensorThings API formatted for use in a line chart
  * @returns {undefined} undefined
  */
-export const drawLineChartHC = function (formattedObsArrayForLineChart) {
+export const drawLineChartHC = function (
+  formattedObsArrayForLineChart,
+  datastreamMetadata
+) {
   // Create the chart
   Highcharts.stockChart("chart-line", {
     chart: {
@@ -314,11 +317,13 @@ export const drawLineChartHC = function (formattedObsArrayForLineChart) {
 
     title: {
       text: "Inlet flow (Vorlauf)",
+      text: `${datastreamMetadata.description}`,
       "align": "left",
     },
 
     subtitle: {
       text: "Temperature variation by hour in 2020",
+      text: `${datastreamMetadata.name}`,
       align: "left",
     },