Метод 1: использование CSS
Вы можете указать заголовок диаграммы с помощью CSS и отрегулировать интервал, увеличив свойства поля или заполнения. Вот пример:

<div id="chartContainer"></div>
<style>
  .highcharts-title {
    margin-bottom: 20px; /* Increase the margin bottom */
  }
</style>
<script>
  // Create the chart
  Highcharts.chart('chartContainer', {
    title: {
      text: 'My Pie Chart'
    },
    // Rest of the chart configuration...
  });
</script>

Метод 2: использование Highcharts API
Вы также можете использовать Highcharts API для программного изменения интервала между заголовками диаграмм. Вот пример:

<div id="chartContainer"></div>
<script>
  // Create the chart
  var chart = Highcharts.chart('chartContainer', {
    title: {
      text: 'My Pie Chart'
    },
    // Rest of the chart configuration...
  });
  // Increase the spacing
  chart.setTitle(null, { margin: 20 }); // Increase the margin
</script>

Метод 3: использование встроенных стилей
Если вы предпочитаете использовать встроенные стили, вы можете напрямую применить свойства CSS к заголовку диаграммы. Вот пример:

<div id="chartContainer"></div>
<script>
  // Create the chart
  Highcharts.chart('chartContainer', {
    title: {
      text: 'My Pie Chart',
      style: {
        marginBottom: '20px' // Increase the margin bottom
      }
    },
    // Rest of the chart configuration...
  });
</script>