@moontra/moonui-pro 2.4.3 → 2.4.5

package/src/utils/chart-helpers.ts

@@ -255,3 +255,103 @@ export function exportChartAsImage(
   // Implementation would go here
   // This is a placeholder for the actual export functionality
 }
+
+export function exportChartData(
+  data: ChartDataPoint[],
+  filename: string = 'chart-data',
+  format: 'json' | 'csv' = 'json'
+): void {
+  let content: string
+  let mimeType: string
+  
+  if (format === 'json') {
+    content = JSON.stringify(data, null, 2)
+    mimeType = 'application/json'
+  } else {
+    // CSV export
+    const headers = Object.keys(data[0] || {})
+    const csvRows = [
+      headers.join(','),
+      ...data.map(row => 
+        headers.map(header => {
+          const value = row[header]
+          return typeof value === 'string' && value.includes(',') 
+            ? `"${value}"` 
+            : value
+        }).join(',')
+      )
+    ]
+    content = csvRows.join('\n')
+    mimeType = 'text/csv'
+  }
+  
+  const blob = new Blob([content], { type: mimeType })
+  const url = window.URL.createObjectURL(blob)
+  const link = document.createElement('a')
+  link.href = url
+  link.download = `${filename}.${format}`
+  document.body.appendChild(link)
+  link.click()
+  document.body.removeChild(link)
+  window.URL.revokeObjectURL(url)
+}
+
+// Gradient color generator
+export function generateGradientColors(baseColor: string, count: number = 5): string[] {
+  const colors: string[] = []
+  const rgb = hexToRgb(baseColor)
+  
+  if (!rgb) return [baseColor]
+  
+  for (let i = 0; i < count; i++) {
+    const factor = i / (count - 1)
+    const r = Math.round(rgb.r + (255 - rgb.r) * factor * 0.5)
+    const g = Math.round(rgb.g + (255 - rgb.g) * factor * 0.5)
+    const b = Math.round(rgb.b + (255 - rgb.b) * factor * 0.5)
+    colors.push(`rgb(${r}, ${g}, ${b})`)
+  }
+  
+  return colors
+}
+
+function hexToRgb(hex: string): { r: number; g: number; b: number } | null {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
+  return result ? {
+    r: parseInt(result[1], 16),
+    g: parseInt(result[2], 16),
+    b: parseInt(result[3], 16)
+  } : null
+}
+
+// Performance optimization helpers
+export function throttleChartData(data: ChartDataPoint[], maxPoints: number = 1000): ChartDataPoint[] {
+  if (data.length <= maxPoints) return data
+  
+  const step = Math.ceil(data.length / maxPoints)
+  return data.filter((_, index) => index % step === 0)
+}
+
+// Format large numbers
+export function formatChartValue(value: number): string {
+  if (value >= 1e9) return `${(value / 1e9).toFixed(1)}B`
+  if (value >= 1e6) return `${(value / 1e6).toFixed(1)}M`
+  if (value >= 1e3) return `${(value / 1e3).toFixed(1)}K`
+  return value.toString()
+}
+
+// Calculate chart statistics
+export function calculateChartStats(data: ChartDataPoint[], keys: string[]): Record<string, { min: number; max: number; avg: number; total: number }> {
+  const stats: Record<string, { min: number; max: number; avg: number; total: number }> = {}
+  
+  keys.forEach(key => {
+    const values = data.map(point => Number(point[key]) || 0)
+    stats[key] = {
+      min: Math.min(...values),
+      max: Math.max(...values),
+      avg: values.reduce((sum, val) => sum + val, 0) / values.length,
+      total: values.reduce((sum, val) => sum + val, 0)
+    }
+  })
+  
+  return stats
+}