Type options

const config: GraphConfig = {
  type: 'line',
  options: {
    isSmoothLine: true,
    showPoints: true,
  },
};

const config: GraphConfig = {
  type: 'line',
  options: {
    isSmoothLine: true,
  },
};

const config: GraphConfig = {
  type: 'line',
  options: {
    lineThickness: 3, // 3px thick lines
  },
};

const config: GraphConfig = {
  type: 'line',
  options: {
    showPoints: true,
  },
};

const config: GraphConfig = {
  type: 'line',
  data: {
    columns: [
      { key: 'month', label: 'Month' },
      { key: 'sales', label: 'Sales' },
    ],
    rows: [
      { month: 'Jan', sales: 100 },
      { month: 'Feb', sales: null }, // Missing data
      { month: 'Mar', sales: 150 },
    ],
  },
  options: {
    missingValues: 'connect', // Draw line across the gap
  },
};

const config: GraphConfig = {
  type: 'bar',
  options: {
    sortBars: true, // Sort from highest to lowest
  },
};

const config: GraphConfig = {
  type: 'scatter',
  options: {
    pointSize: 8, // 8px diameter points
  },
};

const config: GraphConfig = {
  type: 'combo',
  options: {
    comboType: 'lines', // Show all series as lines
  },
};

const config: GraphConfig = {
  type: 'donut',
  options: {
    pieTotalPosition: 'center', // Show total in donut center
  },
};

const config: GraphConfig = {
  type: 'line',
  options: {
    isSmoothLine: true,
    showPoints: true,
    lineThickness: 2,
    missingValues: 'connect',
  },
};