@iotready/nextjs-components-library 1.0.0-preview10 → 1.0.0-preview11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,13 +5,15 @@ type Measure = {
|
|
5
5
|
name: string;
|
6
6
|
polltime: number;
|
7
7
|
unit: string;
|
8
|
+
stepped: boolean;
|
8
9
|
};
|
9
|
-
declare const TrendChart: ({ deviceId, measures, enableExportData, enableDatePicker, handleGetInfluxData, theme
|
10
|
+
declare const TrendChart: ({ deviceId, measures, enableExportData, enableDatePicker, handleGetInfluxData, theme }: {
|
10
11
|
deviceId: string;
|
11
12
|
measures: Array<Measure>;
|
12
13
|
enableenableExportData: boolean;
|
14
|
+
enableExportData: boolean;
|
13
15
|
enableDatePicker: boolean;
|
14
16
|
handleGetInfluxData: (measure: string, timeStart: number, timeEnd: number, deviceId: string, timeGroup: string, raw: boolean) => Promise<any>;
|
15
17
|
theme: Theme;
|
16
|
-
}
|
18
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
17
19
|
export default TrendChart;
|
@@ -175,7 +175,7 @@ function getCsvData(data, measures) {
|
|
175
175
|
return csvData.map(row => row.join(',')).join('\n');
|
176
176
|
}
|
177
177
|
// eslint-disable-next-line no-unused-vars
|
178
|
-
const TrendChart = ({ deviceId, measures, enableExportData, enableDatePicker, handleGetInfluxData, theme
|
178
|
+
const TrendChart = ({ deviceId, measures, enableExportData, enableDatePicker, handleGetInfluxData, theme }) => {
|
179
179
|
const [chartJsLoaded, setChartJsLoaded] = useState(false);
|
180
180
|
const [dataMeasures, setDataMeasures] = useState(null);
|
181
181
|
const [chartPeriod, setChartPeriod] = useState('1D');
|
@@ -287,6 +287,7 @@ const TrendChart = ({ deviceId, measures, enableExportData, enableDatePicker, ha
|
|
287
287
|
pointHoverRadius: 5,
|
288
288
|
pointHoverBackgroundColor: 'rgba(52, 125, 236, 0.5)',
|
289
289
|
change: !measure.polltime,
|
290
|
+
stepped: measure.stepped,
|
290
291
|
fill: false
|
291
292
|
};
|
292
293
|
});
|
@@ -363,7 +364,8 @@ const TrendChart = ({ deviceId, measures, enableExportData, enableDatePicker, ha
|
|
363
364
|
setChartPeriodConfig(chartConfigByPeriod[newChartPeriod]);
|
364
365
|
// check prev measures value in order to show the loader
|
365
366
|
// hide the loader if measure is the same (for interval get measure value)
|
366
|
-
const prevMeasuresValue = prevMeasures.current;
|
367
|
+
const prevMeasuresValue = prevMeasures.current || [];
|
368
|
+
//@ts-ignore
|
367
369
|
prevMeasures.current = measures;
|
368
370
|
if (!prevMeasuresValue || prevMeasuresValue.length !== measures.length || (prevMeasuresValue[0] && prevMeasuresValue[0].name !== measures[0].name)) {
|
369
371
|
setChartLoading(true);
|
package/package.json
CHANGED