response-chartjs-2 Uncaught TypeError: Невозможно прочитать свойство 'getBoundingClientRect' из неопределенного - PullRequest
Новая
       13

response-chartjs-2 Uncaught TypeError: Невозможно прочитать свойство 'getBoundingClientRect' из неопределенного

0 голосов
/ 05 февраля 2019

Я использую react-chartjs-2 2.7.4

У меня есть диаграмма с REF: 

<Doughnut data={directoryData}
          ref={component.directoryDataRef}

           onElementsClick={(evt, evt2) => {
                console.log("Dataset at event",
                component.directoryDataRef.current.chartInstance.getDatasetAtEvent(evt))
                           }}
 />

Это исключение: 

core.helpers.js:415 Uncaught TypeError: Cannot read property 'getBoundingClientRect' of undefined
    at Object.helpers.getRelativePosition (core.helpers.js:415)
    at getRelativePosition (core.interaction.js:20)
    at Object.dataset (core.interaction.js:199)
    at Chart.getDatasetAtEvent (core.controller.js:665)
    at onElementsClick (App.js:274)
    at ChartComponent._this.handleOnClick (index.js:87)

Как я могу получить фрагмент круговой диаграммы, по которому щелкнули?

Это простая круговая диаграмма: 

{
  "labels": [
    "2018 asdfasdf",
    "asdf",
    "dfdasdf",
    "2018 Rasdfasdf",
    "asdfasdf",
    "linode"
  ],
  "datasets": [
    {
      "data": [
        1721508,
        911213,
        215171,
        92643,
        86494,
        2276
      ],
      "backgroundColor": [
        "#332288",
        "#88ccee",
        "#44aa99",
        "#117733",
        "#999933",
        "#ddcc77",
        "#cc6677",
        "#aa4499",
        "#b58900",
        "#cb4b16",
        "#dc322f",
        "#d33682",
        "#6c71c4",
        "#268bd2",
        "#2aa198",
        "#859900"
      ]
    }
  ]
}
...