Usage of Highcharts Global Options

usage1.ts

// Basic Usage
import Highcharts from 'highcharts';

Highcharts.setOptions({
  // Global options that apply to all charts
  chart: {
    style: {
      fontFamily: '"Arial", sans-serif'
    }
  },
  credits: {
    enabled: false
  }
});

usage2.ts

// Advanced Usage
import Highcharts from 'highcharts';

function setHighchartsDefaults() {
  Highcharts.setOptions({
    // Chart defaults
    chart: {
      style: {
        fontFamily: '"Benton Sans", Arial, sans-serif'
      },
      marginTop: 20
    },
    
    // Legend configuration
    legend: {
      layout: 'vertical',
      align: 'right',
      verticalAlign: 'middle',
      padding: 40
    },
    
    // Disable credits
    credits: {
      enabled: false
    },
    
    // Plot options for specific chart types
    plotOptions: {
      pie: {
        cursor: 'pointer',
        showInLegend: true,
        borderWidth: 0
      },
      gauge: {
        dataLabels: {
          align: 'center',
          enabled: true,
          style: { color: '#131517' }
        }
      }
    }
  });
}

setHighchartsDefaults();