Можно ли изменить форму фрагмента пирога при наведении курсора с помощью chart.js? - PullRequest
0 голосов
/ 09 ноября 2018

Мне нужно создать кольцевую диаграмму, и мне нужно, чтобы один ломтик был больше, как в этом примере: https://imgur.com/a/9EoKemT

Как вы можете видеть, зеленая часть имеет форму тени большего размера ...

Насколько я вижу, нет возможности настроить это ... Есть ли еще способ сделать это?

Я пробовал параметры borderWidth, окружность, hoverBorderWidth и другие, но они не достигают того, что я ищу.

Есть ли способ настроить один кусочек пончика?

Спасибо

const PieChart = () => {
  const data = {
    labels: ["TOTAL AMOUNT OF PC'S", 'TOTAL AMOUNT OF  MAC'],
    datasets: [{
      label: '# of Votes',
      data: [4, 9],
      backgroundColor: [
        '#dfdfdf',
        '#49a5a5',
      ],
      borderWidth: 0,
    }],
  };

    const options = {
    legend: false,
    maintainAspectRatio: false,
    tooltips: {
      enabled: true,
      backgroundColor: '#fff',
      bodyFontColor: '#000',
      caretSize: 0,
      cornerRadius: 0,
      borderWidth: 0,
      mode: 'single',
      titleFontColor: '#000',
      callbacks: {
        label: (datasetIndex, dat) => {
          const total = dat.datasets[0].data[0] + dat.datasets[0].data[1];
          const currentvalue = dat.datasets[0].data[datasetIndex.index];
          const percentage = (currentvalue / total) * 100;
          return percentage.toFixed(1);
        },
        title: (tooltipItem, dato) => dato.labels[tooltipItem[0].index],
      },
    },
  };
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...