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

Question

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

Но последний график реплицируется на все контейнеры диаграмм

Answer 1

Вы использовали ту же ссылку для опций диаграммы. В качестве решения вы можете использовать оператор распространения для создания нового объекта:

const LineChart = props => {
  ...

  return (
    <Box my={2}>
      <HighchartsComponent options={{ ...ChartOptions }} id={id} />
    </Box>
  );
};

---

Демонстрационная версия: https://codesandbox.io/s/blue-rgb-tkoo5