как использовать react-chartsjs-2 с реактивной таблицей для отображения динамических данных?

Question

библиотека компонентов React Table

Библиотека React charts.js 2

У меня есть компонент таблицы реакции.

состояния внутри этого компонента похожи на:

this.state = {
  abcData: [],
  isLoading: false,
  dropdownOpen: false,
};

Я делаю API, который получает данные, и эти данные хранятся в abcData переменная состояния с использованием setState() а JSON имеет следующую структуру:

[
  {
    "stats": {
      "buckets": {
        "values": [
          5,
          4,
          4,
          5,
          6,
          6
        ]
      }
    }
  }
]

Теперь я хочу отобразить круговую диаграмму внутри таблицы реакций. Я знаю реактивные таблицы 'accessor prop отображает данные в столбце, но я не умею интерполировать pie chart with dynamic data