Fix time charts

Author: weinStag

src/components/ChartVisualization/ChartVisualization.react.js

@@ -41,7 +41,8 @@ const ChartVisualization = ({
   selectedData,
   selectedCells,
   data,
-  order
+  order,
+  columns
 }) => {
   const [chartType, setChartType] = useState('bar');
 
@@ -64,9 +65,11 @@ const ChartVisualization = ({
     let isTimeSeries = false;
 
     // Só considerar time series se temos múltiplas colunas E a primeira coluna é explicitamente data/datetime
-    if (colEnd > colStart && firstColumnName) {
-      // Verificar se o nome da coluna sugere data
-      const isDateColumn = /^(date|time|created|updated|when|at)$/i.test(firstColumnName) ||
+    if (colEnd > colStart && firstColumnName && columns) {
+      // Verificar primeiro o tipo da coluna no schema
+      const firstColumnType = columns[firstColumnName]?.type;
+      const isDateColumn = firstColumnType === 'Date' ||
+                          /^(date|time|created|updated|when|at)$/i.test(firstColumnName) ||
                           firstColumnName.toLowerCase().includes('date') ||
                           firstColumnName.toLowerCase().includes('time');
 
@@ -83,13 +86,10 @@ const ChartVisualization = ({
           }
         }
 
-        isTimeSeries = dateCount >= totalRows * 0.8; // 80% devem ser datas válidas
+        isTimeSeries = dateCount >= totalRows * 0.6; // 60% devem ser datas válidas (mais permissivo)
       }
     }
 
-    // Forçar number series se não temos evidências claras de time series
-    isTimeSeries = false; // TEMPORÁRIO: forçar number series para debug
-
     if (isTimeSeries && colEnd > colStart) {
       // Time Series: primeira coluna é data, outras são números
       const datasets = [];
@@ -324,7 +324,7 @@ const ChartVisualization = ({
         };
       }
     }
-  }, [selectedData, selectedCells, data, order]);
+  }, [selectedData, selectedCells, data, order, columns]);
 
   const renderChart = () => {
     if (chartData.type === 'timeSeries') {

src/dashboard/Data/Browser/DataBrowser.react.js

@@ -571,7 +571,9 @@ export default class DataBrowser extends React.Component {
       let validColumns = true;
       for (let i = colStart; i <= colEnd; i++) {
         const name = this.state.order[i].name;
-        if (this.props.columns[name].type !== 'Number') {
+        const columnType = this.props.columns[name].type;
+        // Permitir Number, Date, String (que pode conter números) para visualização
+        if (columnType !== 'Number' && columnType !== 'Date' && columnType !== 'String') {
           validColumns = false;
           break;
         }
@@ -587,8 +589,23 @@ export default class DataBrowser extends React.Component {
         for (let y = colStart; y <= colEnd; y++) {
           if (rowData) {
             const value = rowData.attributes[this.state.order[y].name];
-            if (typeof value === 'number' && !isNaN(value)) {
-              selectedData.push(rowData.attributes[this.state.order[y].name]);
+            const columnType = this.props.columns[this.state.order[y].name].type;
+
+            // Incluir diferentes tipos de dados para visualização
+            if (columnType === 'Number' && typeof value === 'number' && !isNaN(value)) {
+              selectedData.push(value);
+            } else if (columnType === 'Date' && value instanceof Date) {
+              selectedData.push(value);
+            } else if (columnType === 'Date' && typeof value === 'string' && !isNaN(Date.parse(value))) {
+              selectedData.push(new Date(value));
+            } else if (columnType === 'String' && typeof value === 'string') {
+              // Para strings, incluir apenas se puderem ser interpretadas como números
+              const numValue = parseFloat(value);
+              if (!isNaN(numValue)) {
+                selectedData.push(numValue);
+              } else {
+                selectedData.push(value); // Incluir strings para labels em time series
+              }
             }
           }
           newSelection.add(`${x}-${y}`);
@@ -711,6 +728,7 @@ export default class DataBrowser extends React.Component {
                   selectedCells={this.state.selectedCells}
                   data={this.props.data}
                   order={this.state.order}
+                  columns={this.props.columns}
                 />
               </div>
             </ResizableBox>