dropDownListChartColumn.mjs 7.16 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 { drawColumnChartHighcharts } from "./chartColumn.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 column 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 drawColumnChartBasedOnSelectedAggregationOptions = function (
41
  selectedAggregationType,
42
  selectedAggregationDuration,
43
  observationsNestedArr,
44
45
46
47
  selectedSamplingRateAbbrev,
  uniqueCalendarDatesNestedArr,
  formattedMetadataNestedArr
) {
48
  // Daily / sum
49
  if (
50
    selectedAggregationType === "Sum" &&
51
52
    selectedAggregationDuration === "Daily"
  ) {
53
54
55
    // Note: The `drawColumnChart` function expects two arguments,
    // these are obtained by using the spread operator on the
    // result returned from the `calculateAndFormat...` functions
56
    drawColumnChartHighcharts(
57
58
59
60
61
62
      ...calculateAndFormatDailySumObservations(
        uniqueCalendarDatesNestedArr,
        observationsNestedArr,
        selectedSamplingRateAbbrev,
        formattedMetadataNestedArr
      )
63
    );
64
65
66
67
  }
  // Monthly / sum
  else if (
    selectedAggregationType === "Sum" &&
68
69
70
    selectedAggregationDuration === "Monthly"
  ) {
    drawColumnChartHighcharts(
71
72
73
74
75
76
      ...calculateAndFormatMonthlySumObservations(
        uniqueCalendarDatesNestedArr,
        observationsNestedArr,
        selectedSamplingRateAbbrev,
        formattedMetadataNestedArr
      )
77
    );
78
79
80
81
  }
  // Daily / maximum
  else if (
    selectedAggregationType === "Maximum" &&
82
83
84
    selectedAggregationDuration === "Daily"
  ) {
    drawColumnChartHighcharts(
85
86
87
88
89
90
      ...calculateAndFormatDailyMaximumObservations(
        uniqueCalendarDatesNestedArr,
        observationsNestedArr,
        selectedSamplingRateAbbrev,
        formattedMetadataNestedArr
      )
91
    );
92
93
94
95
  }
  // Monthly / maximum
  else if (
    selectedAggregationType === "Maximum" &&
96
97
98
    selectedAggregationDuration === "Monthly"
  ) {
    drawColumnChartHighcharts(
99
100
101
102
103
104
      ...calculateAndFormatMonthlyMaximumObservations(
        uniqueCalendarDatesNestedArr,
        observationsNestedArr,
        selectedSamplingRateAbbrev,
        formattedMetadataNestedArr
      )
105
    );
106
107
108
109
  }
  // Daily / minimum
  else if (
    selectedAggregationType === "Minimum" &&
110
111
112
    selectedAggregationDuration === "Daily"
  ) {
    drawColumnChartHighcharts(
113
114
115
116
117
118
      ...calculateAndFormatDailyMinimumObservations(
        uniqueCalendarDatesNestedArr,
        observationsNestedArr,
        selectedSamplingRateAbbrev,
        formattedMetadataNestedArr
      )
119
    );
120
121
122
123
  }
  // Monthly / minimum
  else if (
    selectedAggregationType === "Minimum" &&
124
125
126
    selectedAggregationDuration === "Monthly"
  ) {
    drawColumnChartHighcharts(
127
128
129
130
131
132
      ...calculateAndFormatMonthlyMinimumObservations(
        uniqueCalendarDatesNestedArr,
        observationsNestedArr,
        selectedSamplingRateAbbrev,
        formattedMetadataNestedArr
      )
133
    );
134
135
136
137
  }
  // Daily / average
  else if (
    selectedAggregationType === "Average" &&
138
139
140
    selectedAggregationDuration === "Daily"
  ) {
    drawColumnChartHighcharts(
141
142
143
144
145
146
      ...calculateAndFormatDailyAverageObservations(
        uniqueCalendarDatesNestedArr,
        observationsNestedArr,
        selectedSamplingRateAbbrev,
        formattedMetadataNestedArr
      )
147
    );
148
149
150
151
  }
  // Monthly / average
  else if (
    selectedAggregationType === "Average" &&
152
153
154
    selectedAggregationDuration === "Monthly"
  ) {
    drawColumnChartHighcharts(
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 column 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 drawColumnChartBasedOnSelectedOptions = function (
  selectedAggregationType,
  selectedAggregationDuration,
  observationsNestedArr,
  selectedSamplingRateAbbrev,
  uniqueCalendarDatesNestedArr,
  formattedMetadataNestedArr
) {
  // Case 1: Raw observations
  if (selectedAggregationType === "None (raw data)") {
    // Create formatted array(s) for observations
    const formattedRawObservationsColumnChartNestedArr =
      observationsNestedArr.map((observationsArr) =>
        formatSensorThingsApiResponseForLineOrColumnChart(observationsArr)
      );

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

    drawColumnChartHighcharts(
      formattedRawObservationsColumnChartNestedArr,
      rawObsExtractedFormattedDatastreamProperties
    );
  }
  // Case 2: Aggregated observations
  else {
    drawColumnChartBasedOnSelectedAggregationOptions(
      selectedAggregationType,
      selectedAggregationDuration,
      observationsNestedArr,
      selectedSamplingRateAbbrev,
      uniqueCalendarDatesNestedArr,
      formattedMetadataNestedArr
    );
  }
};