import React from 'react'; import classNames from 'classnames'; import Dot from 'components/common/Dot'; import useLocale from 'hooks/useLocale'; import styles from './Legend.module.css'; import useForceUpdate from '../../hooks/useForceUpdate'; export default function Legend({ chart }) { const [locale] = useLocale(); const forceUpdate = useForceUpdate(); function handleClick(index) { const meta = chart.getDatasetMeta(index); meta.hidden = meta.hidden === null ? !chart.data.datasets[index].hidden : null; chart.update(); forceUpdate(); } if (!chart?.legend?.legendItems.find(({ text }) => text)) { return null; } return (
{chart.legend.legendItems.map(({ text, fillStyle, datasetIndex, hidden }) => ( ))}
); }