首页 > 解决方案 > React chart2-js Legend 不起作用请您提出建议

问题描述

我想在 rechart2-js 中将遗留位置设置为底部,但它不起作用。我尝试了很多东西,但它不起作用。我感谢您的帮助。

<Doughnut // Code using Rechart
                options={{
                    legend: {
                        display: true,
                        position: 'bottom',
                    },
                    responsive: true,
                    maintainAspectRatio: true,
                }}
                data={expData}
/>
const expData = { // Data used in charts
    labels: ['인성아', '무당벌레', '써미킷'],
    datasets: [
        {
            labels: ['인성아', '무당벌레', '써미킷'],
            data: [700000, 300000, 500000],
            borderWidth: 0,
            hoverBorderWidth: 0,
            backgroundColor: ['#00e096', '#898ca5', '#42aaff'],
            fill: true,
        },
    ],
};

图例不起作用(“底部”)

标签: recharts

解决方案


推荐阅读