dropDownListChartLine.mjs 7.11 KB
Newer Older
1
2
"use strict";

3
4
5
6
import { formatSensorThingsApiResponseForLineOrColumnChart } from "./chartHelpers.mjs";

import { extractPropertiesFromFormattedDatastreamMetadata } from "./fetchedDataProcessing.mjs";

7
8
9
10
11
import { drawLineChartHighcharts } from "./chartLine.mjs";

import {
  calculateAndFormatDailySumObservations,
  calculateAndFormatMonthlySumObservations,
12
13
14
} from "./dropDownListAggregationSum.mjs";

import {
15
16
  calculateAndFormatDailyMaximumObservations,
  calculateAndFormatMonthlyMaximumObservations,
17
18
19
} from "./dropDownListAggregationMaximum.mjs";

import {
20
21
  calculateAndFormatDailyMinimumObservations,
  calculateAndFormatMonthlyMinimumObservations,
22
23
24
} from "./dropDownListAggregationMinimum.mjs";

import {
25
26
  calculateAndFormatDailyAverageObservations,
  calculateAndFormatMonthlyAverageObservations,
27
} from "./dropDownListAggregationAverage.mjs";
28
29
30
31
32
33

/**
 * Draw a line chart based on the selected aggregation options from a drop-down list
 *
 * @param {String} selectedAggregationType A string representing the selected aggregation type. The currently supported strings include `Sum`, `Maximum`, `Minimum` and `Average`
 * @param {String} selectedAggregationDuration A string representing the selected aggregation duration. The currently supported strings include `Daily` and `Monthly`
34
 * @param {Array} observationsNestedArr An array made up of sub-array(s) of observations
35
36
37
38
39
 * @param {String} selectedSamplingRateAbbrev A string representing the abbreviated form of the selected sampling rate option
 * @param {Array} uniqueCalendarDatesNestedArr An array made up of sub-array(s) of unique calendar date(s) string(s)
 * @param {Array} formattedMetadataNestedArr An array of sub-arrays of formatted metadata properties
 * @returns {undefined} undefined
 */
40
const drawLineChartBasedOnSelectedAggregationOptions = function (
41
42
  selectedAggregationType,
  selectedAggregationDuration,
43
  observationsNestedArr,
44
45
46
47
  selectedSamplingRateAbbrev,
  uniqueCalendarDatesNestedArr,
  formattedMetadataNestedArr
) {
48
  // Daily / sum
49
50
51
52
  if (
    selectedAggregationType === "Sum" &&
    selectedAggregationDuration === "Daily"
  ) {
53
54
55
    // Note: The `drawColumChart` function expects two arguments,
    // these are obtained by using the spread operator on the
    // result returned from the `calculateAndFormat...` functions
56
    drawLineChartHighcharts(
57
58
59
60
61
62
      ...calculateAndFormatDailySumObservations(
        uniqueCalendarDatesNestedArr,
        observationsNestedArr,
        selectedSamplingRateAbbrev,
        formattedMetadataNestedArr
      )
63
    );
64
65
66
  }
  // Monthly / sum
  else if (
67
68
69
70
    selectedAggregationType === "Sum" &&
    selectedAggregationDuration === "Monthly"
  ) {
    drawLineChartHighcharts(
71
72
73
74
75
76
      ...calculateAndFormatMonthlySumObservations(
        uniqueCalendarDatesNestedArr,
        observationsNestedArr,
        selectedSamplingRateAbbrev,
        formattedMetadataNestedArr
      )
77
    );
78
79
80
  }
  // Daily / maximum
  else if (
81
82
83
84
    selectedAggregationType === "Maximum" &&
    selectedAggregationDuration === "Daily"
  ) {
    drawLineChartHighcharts(
85
86
87
88
89
90
      ...calculateAndFormatDailyMaximumObservations(
        uniqueCalendarDatesNestedArr,
        observationsNestedArr,
        selectedSamplingRateAbbrev,
        formattedMetadataNestedArr
      )
91
    );
92
93
94
  }
  // Monthly / maximum
  else if (
95
96
97
98
    selectedAggregationType === "Maximum" &&
    selectedAggregationDuration === "Monthly"
  ) {
    drawLineChartHighcharts(
99
100
101
102
103
104
      ...calculateAndFormatMonthlyMaximumObservations(
        uniqueCalendarDatesNestedArr,
        observationsNestedArr,
        selectedSamplingRateAbbrev,
        formattedMetadataNestedArr
      )
105
    );
106
107
108
  }
  // Daily / minimum
  else if (
109
110
111
112
    selectedAggregationType === "Minimum" &&
    selectedAggregationDuration === "Daily"
  ) {
    drawLineChartHighcharts(
113
114
115
116
117
118
      ...calculateAndFormatDailyMinimumObservations(
        uniqueCalendarDatesNestedArr,
        observationsNestedArr,
        selectedSamplingRateAbbrev,
        formattedMetadataNestedArr
      )
119
    );
120
121
122
  }
  // Monthly / minimum
  else if (
123
124
125
126
    selectedAggregationType === "Minimum" &&
    selectedAggregationDuration === "Monthly"
  ) {
    drawLineChartHighcharts(
127
128
129
130
131
132
      ...calculateAndFormatMonthlyMinimumObservations(
        uniqueCalendarDatesNestedArr,
        observationsNestedArr,
        selectedSamplingRateAbbrev,
        formattedMetadataNestedArr
      )
133
    );
134
135
136
  }
  // Daily / average
  else if (
137
138
139
140
    selectedAggregationType === "Average" &&
    selectedAggregationDuration === "Daily"
  ) {
    drawLineChartHighcharts(
141
142
143
144
145
146
      ...calculateAndFormatDailyAverageObservations(
        uniqueCalendarDatesNestedArr,
        observationsNestedArr,
        selectedSamplingRateAbbrev,
        formattedMetadataNestedArr
      )
147
    );
148
149
150
  }
  // Monthly / average
  else if (
151
152
153
154
    selectedAggregationType === "Average" &&
    selectedAggregationDuration === "Monthly"
  ) {
    drawLineChartHighcharts(
155
156
157
158
159
160
      ...calculateAndFormatMonthlyAverageObservations(
        uniqueCalendarDatesNestedArr,
        observationsNestedArr,
        selectedSamplingRateAbbrev,
        formattedMetadataNestedArr
      )
161
162
163
    );
  }
};
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216

/**
 * Draw a line chart based on the selected options from a drop-down list.
 * This chart type supports both raw observations and aggregated observations
 *
 * @param {String} selectedAggregationType The selected aggregation type. The currently supported strings include `Sum`, `Maximum`, `Minimum` and `Average`
 * @param {String} selectedAggregationDuration The selected aggregation duration. The currently supported strings include `Daily` and `Monthly`
 * @param {Array} observationsNestedArr An array made up of sub-array(s) of observations
 * @param {String} selectedSamplingRateAbbrev The abbreviated form of the selected sampling rate option
 * @param {Array} uniqueCalendarDatesNestedArr An array made up of sub-array(s) of unique calendar date(s) string(s)
 * @param {Array} formattedMetadataNestedArr An array of sub-arrays of formatted metadata properties
 * @returns {undefined} undefined
 */
export const drawLineChartBasedOnSelectedOptions = function (
  selectedAggregationType,
  selectedAggregationDuration,
  observationsNestedArr,
  selectedSamplingRateAbbrev,
  uniqueCalendarDatesNestedArr,
  formattedMetadataNestedArr
) {
  // Raw observations
  if (selectedAggregationType === "None (raw data)") {
    // Create formatted array(s) for observations
    const formattedRawObservationsLineChartNestedArr =
      observationsNestedArr.map((observationsArr) =>
        formatSensorThingsApiResponseForLineOrColumnChart(observationsArr)
      );

    // Extract formatted metadata properties
    const rawObsExtractedFormattedDatastreamProperties =
      extractPropertiesFromFormattedDatastreamMetadata(
        formattedMetadataNestedArr,
        false
      );

    drawLineChartHighcharts(
      formattedRawObservationsLineChartNestedArr,
      rawObsExtractedFormattedDatastreamProperties
    );
  }
  // Aggregated observations
  else {
    drawLineChartBasedOnSelectedAggregationOptions(
      selectedAggregationType,
      selectedAggregationDuration,
      observationsNestedArr,
      selectedSamplingRateAbbrev,
      uniqueCalendarDatesNestedArr,
      formattedMetadataNestedArr
    );
  }
};