Estoy tratando de colocar la leyenda a la derecha de mi gráfico, pero las opciones no funcionan...
import { Chart } from 'react-chartjs-2'; import 'chart.js/auto'; const data = { labels: [ 'Red', 'Green', 'Yellow' ], datasets: [{ data: [700, 50, 100], backgroundColor: [ '#FF6384', '#36A2EB', '#FFCE56' ], hoverBackgroundColor: [ '#FF6384', '#36A2EB', '#FFCE56' ], }] }; const TestimonialSection = () => { return( <div id="chart"> <Chart type="doughnut" data={data} options={{legend: {position: 'right'}}}/> </div> ) } export default TestimonialSectionAcabo de escribir este archivo y aparece el gráfico, lo único que no funciona son las opciones. También verifiqué la dependencia y todo se ve bien
para la última versión, esta es la estructura del objeto que debe hacer.
options = { plugins: { legend: { display: false, position: right, ... }, } }