diff options
author | sai-neetha <sai-neetha.phulmali@highstreet-technologies.com> | 2019-08-12 18:17:46 +0200 |
---|---|---|
committer | sai-neetha <sai-neetha.phulmali@highstreet-technologies.com> | 2019-08-12 18:18:11 +0200 |
commit | 45bf787f75acb67d4153be40480b07f48ded4d17 (patch) | |
tree | 177064cdbe495c0819db64a44d713d8e53d82f0a /sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/chartUtils.tsx | |
parent | f6f34d5b2a197e57bab0db49cd8e7ad39df7b527 (diff) |
Minor functional fixes in odlux apps
Minor functional fixes in odlux apps
Issue-ID: SDNC-845
Signed-off-by: sai-neetha <sai-neetha.phulmali@highstreet-technologies.com>
Change-Id: I8e64e7c67a21798832ad1a36441b08a070452034
Signed-off-by: sai-neetha <sai-neetha.phulmali@highstreet-technologies.com>
Diffstat (limited to 'sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/chartUtils.tsx')
-rw-r--r-- | sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/chartUtils.tsx | 90 |
1 files changed, 57 insertions, 33 deletions
diff --git a/sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/chartUtils.tsx b/sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/chartUtils.tsx index 5d583e855..52b5ddb58 100644 --- a/sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/chartUtils.tsx +++ b/sdnr/wt/odlux/apps/performanceHistoryApp/src/utils/chartUtils.tsx @@ -1,51 +1,75 @@ +/** + * ============LICENSE_START======================================================================== + * ONAP : ccsdk feature sdnr wt odlux + * ================================================================================================= + * Copyright (C) 2019 highstreet technologies GmbH Intellectual Property. All rights reserved. + * ================================================================================================= + * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except + * in compliance with the License. You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under the License + * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express + * or implied. See the License for the specific language governing permissions and limitations under + * the License. + * ============LICENSE_END========================================================================== + */ import * as React from 'react'; import { IDataSetsObject } from '../models/chartTypes'; import { Line } from 'react-chartjs-2'; import * as moment from 'moment'; import { ITimeStamp } from 'models/chartTypes'; +const style: React.CSSProperties = { + height: "350px" +} export const lineChart = (chartPagedData: IDataSetsObject) => { return ( - <Line ref="chart" data={chartPagedData} options={{ - scales: { - xAxes: [{ - type: 'time', - time: { - displayFormats: { - 'second': 'DD MMM YYYY HH:mm:ss', - 'minute': 'DD MMM YYYY HH:mm:ss', - 'hour': 'DD MMM YYYY HH:mm:ss', - 'year': 'DD MMM YYYY HH:mm:ss', + <div style={style}> + <Line ref="chart" data={chartPagedData} options={{ + responsive: true, + maintainAspectRatio: false, + scales: { + xAxes: [{ + type: 'time', + time: { + displayFormats: { + 'second': 'DD MMM YYYY HH:mm:ss', + 'minute': 'DD MMM YYYY HH:mm:ss', + 'hour': 'DD MMM YYYY HH:mm:ss', + 'year': 'DD MMM YYYY HH:mm:ss', + }, + parser: function (date: string) { + let offsetValue = new Date().getTimezoneOffset(); + var utcDate = moment(date, 'YYYY-MM-DDTHH:mm:ss').utcOffset(offsetValue).utc(false); + return utcDate; + } }, - parser: function (date: string) { - let offsetValue = new Date().getTimezoneOffset(); - var utcDate = moment(date, 'YYYY-MM-DDTHH:mm:ss').utcOffset(offsetValue).utc(false); - return utcDate; - } - }, - display: true, - scaleLabel: { - display: true, - labelString: 'Timestamp' - } - }], - yAxes: [{ - ticks: { - beginAtZero: true - }, - scaleLabel: { display: true, - labelString: 'Value' - } - }] - } - }} /> + scaleLabel: { + display: true, + labelString: 'Timestamp' + } + }], + yAxes: [{ + ticks: { + beginAtZero: true + }, + scaleLabel: { + display: true, + labelString: 'Value' + } + }] + } + }} /> + </div> ); } export const sortDataByTimeStamp = <T extends ITimeStamp>(_rows: T[]): T[] => { return (_rows.sort((a, b) => { - const result = Date.parse(a["time-stamp"]) - Date.parse(b["time-stamp"]); + const result = Date.parse(a["utcTimeStamp"]) - Date.parse(b["utcTimeStamp"]); return isNaN(result) ? 0 : result; })); }
\ No newline at end of file |