Improvement - VueUiXy - Add formatters for tooltip time label

Author: graphieros

src/components/vue-ui-xy.vue

@@ -2098,7 +2098,7 @@ const tooltipContent = computed(() => {
     } else {
         if (time && time.text && FINAL_CONFIG.value.chart.tooltip.showTimeLabel) {
             const precise = preciseTimeFormatter.value(selectedSerieIndex.value + slicer.value.start, FINAL_CONFIG.value.chart.tooltip.timeFormat);
-            html += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${FINAL_CONFIG.value.chart.tooltip.borderColor}; width:100%">${FINAL_CONFIG.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable ? precise : time.text}</div>`;
+            html += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${FINAL_CONFIG.value.chart.tooltip.borderColor}; width:100%">${FINAL_CONFIG.value.chart.grid.labels.xAxisLabels.datetimeFormatter.enable && !FINAL_CONFIG.value.chart.tooltip.useDefaultTimeFormat ? precise : time.text}</div>`;
         }
         selectedSeries.value.forEach(s => {
             if (isSafeValue(s.value)) {

src/useConfig.js

@@ -641,6 +641,7 @@ export function useConfig() {
                 showPercentage: true,
                 roundingValue: 0,
                 roundingPercentage: 0,
+                useDefaultTimeFormat: true,
                 timeFormat: 'yyyy-MM-dd HH:mm:ss', // When datetimeFormatter is used
             },
             userOptions: USER_OPTIONS({

types/vue-data-ui.d.ts

@@ -3437,6 +3437,7 @@ declare module "vue-data-ui" {
                     >
                 ) => string);
                 showTimeLabel?: boolean;
+                useDefaultTimeFormat?: boolean;
                 timeFormat?: string;
             };
             userOptions?: ChartUserOptions;