chartjs: ось x не показывает все значения, а расстояние между галочками не отражает расстояние между значениями

Question

Я использую реагирующую диаграмму для отображения деталей мощности тепловых насосов. Значения температуры наружного воздуха, предоставленные производителями, не имеют одинаковых расстояний. Например, ["-22", "-15", "-7", "2", "7", "12"] градусов. Значения оси x отображаются так, как если бы они были одинаковыми.

Другая проблема заключается в том, что отображается только каждый второй тик, хотя места достаточно.

Пожалуйста, обратитесь к приложенному изображению.

Код выглядит следующим образом:

    const chartData = {
      labels: outsideTemperatures,
      series: powerSerieses,
    };

    const options = {
      height: '350px',
      lineSmooth: false,
      plugins: [
        ctLegend({
          legendNames: flowTemps,
          position: 'bottom',
        }),
      ],
    };

    return (
      <div className="chart-container chart-heatpump-data">
        <div className="chart-axis-label vertical">
          Wärmeenergie in Watt
        </div>
        <ChartistGraph data={chartData} options={options} type={'Line'}
          className={'left-floated chart-with-axis-title colored'}
        />
        <div className="chart-axis-label horizontal">
          °C
        </div>
      </div>

    );

Итак, у меня два вопроса:

1. Как можно отображать отметки с расстояниями, представляющими расстояние между значениями?

2. Почему не все тики отображаются со своими значениями, хотя места достаточно?