Как сделать кусочки пирога в Chartjs кликабельными (реагировать на родной) - PullRequest
Новая
       29

Как сделать кусочки пирога в Chartjs кликабельными (реагировать на родной)

0 голосов
/ 26 сентября 2018

Я работаю с библиотекой, которая делает chartjs пригодным для использования на реагирующем языке:

реагировать-нативном графике.работает хорошо, но когда я нажимаю на кусочки пирога, я получаю только подсказку.Я хотел бы создать свою собственную функцию, которая будет загружать всплывающее окно вместо всплывающей подсказки, представленной chart.js. Как вы, ребята, сделали бы это?Это вообще выполнимо?(Я новичок в реакции на родной язык, поэтому извините, если это глупый вопрос).

Изображение: Диаграмма

Код диаграммы: 

export const NutritionChart = (props) => {
return (
<Chart
  chartConfiguration={
  {
    type: 'polarArea',
    data: {
      labels: ['Fiber', 'Protein', 'Healthy Oil', 'Good Energy']‚
      datasets: [
        {
          label: '# of Votes',
          data: [ 50, 140, 90, 120 ],
          backgroundColor: backgroundColor,
          borderColor: borderColor,
          borderWidth: datasets.border,
          hoverBackgroundColor: hoverBackgroundColor,
        },
      ],
    },
    options: {
      layout: {
       padding: {
           top: options.layout.padding.top,
           bottom: options.layout.padding.bottom,
           }
       },
      scale: {
        display: false,
        ticks: {
          min:0,
          max:200,
        }
      },
      responsive: true,
      maintainAspectRatio: false,
    },
  }
  }
  defaultFontSize={10}
  />
 );
};
...