Chart Blocks Reference

interface ChartBlockData {
  chartType: 'bar-horizontal' | 'bar-vertical' | 'stacked-bar'
           | 'donut' | 'gauge' | 'line' | 'area';
  title?: string;
  subtitle?: string;
  height?: number;            // pixels, default 350
  series: ChartSeries[];      // one or more data series
  labels?: string[];          // category labels
  showLegend?: boolean;       // default true
  showValues?: boolean;       // default false
  colorPalette?: ChartPalette;
  customColors?: string[];    // hex array, only when palette = 'custom'
  xAxisLabel?: string;
  yAxisLabel?: string;
}

interface ChartSeries {
  name: string;
  values: number[];
}

type ChartPalette = 'default' | 'warm' | 'cool' | 'monochrome' | 'custom';

interface ChartRowBlockData {
  charts: ChartRowItem[];     // array of chart items
  gap?: number;               // pixels between charts, default 16
  equalHeight?: boolean;      // force uniform height, default true
  height?: number;            // row height in px, default 300
}

interface ChartRowItem {
  id: string;                 // unique identifier
  minWidth?: number;          // min width before wrap, default 300
  chart: ChartBlockData;      // independent chart config
}

interface SplitContentChartBlockData {
  layout: 'text-left' | 'text-right';
  textContent: string;        // HTML rich text
  chart: ChartBlockData;      // chart configuration
  splitRatio?: '50-50' | '40-60' | '60-40'
             | '33-67' | '67-33';  // default '50-50'
  verticalAlign?: 'top' | 'center' | 'bottom';
}