Блог

У меня есть Highcharts график на моей странице реакции, и я перерисовываю его после получения данных, обновляя крючок состояния. Это хорошо работает в режиме разработки без каких-либо проблем.

Однако после запуска npm сборки и запуска приложения я получаю ошибку:

Ошибка типа: Не удается прочитать свойства неопределенного (чтение «activeDataLabelStyle»)

Если я покину страницу и вернусь, график обновится без каких-либо проблем при выборе, но все равно выдаст ошибку, если я выберу отображение после обновления страницы.

 const [options, setOptions] = useState({
  title: {
    text: 'Speed of vehicle over time',
  },
  subtitle: {
    text: 'Select an area on the chart to zoom in.',
  },

  chart: {
    zoomType: 'x',
  },
  series: [
    {
      data: [],
    },
  ],
  xAxis: {
    type: 'datetime',
    labels: {
      formatter: function () {
        return Highcharts.dateFormat('%H:%M', this.value);
      },
    },
    title: {
      text: 'Time',
    },
  },
  yAxis: {
    title: {
      text: 'Speed (m/s)',
    },
  },
});

async function handleSelect(selected, setLoading) {
  const journey = await axios.get('/api/getJourney?id='   selected.id);

  console.log(journey.data);

  setOptions({
    series: [
      {
        data: journey.data,
        name: 'Vehicle '   selected.id,
      },
    ],
  });

  setLoading(false);
}