WIP same as the previoius commit. Tried to extract out an independent vue component to prevent shared primevue option.

X axis is with bug now.

src/module/timeLabel.js

@@ -289,5 +289,7 @@ export const setTimeStringFormatBaseOnTimeDifference = (minTimeStamp, maxTimeSta
  * @param {string} timeFormat For example, 'MM/DD'
  */
 export const mapTimestampToAxisTicksByFormat = (timeStampArr, timeFormat) => {
-  return timeStampArr.map(ts => moment(ts).format(timeFormat));
+  if (timeStampArr) {
+    return timeStampArr.map(ts => moment(ts).format(timeFormat));
+  }  
 };