微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用 react-minimal-pie-chart 显示图例

如何解决使用 react-minimal-pie-chart 显示图例

我目前正在尝试使用 ReactJS 显示饼图的不同方式,我发现了一种叫做 react-mininal-pie-chart [https://github.com/toomuchdesign/react-minimal-pie-chart]

问题是即使在阅读了他们的示例后我也无法弄清楚如何在侧面显示图例?

使用 react-google-chart 我可以像这样显示侧面图例:

import { Chart } from "react-google-charts";
<div className="row">
                    <Chart
                      width={'800px'}
                      height={'800px'}
                      chartType="PieChart"
                      loader={<div>Loading Chart</div>}
                      data={[
                        ['Sentiment','Percentage'],['Negative',20],['Neutral',10],['Positive',70]
                      ]}
                      options={{
                        title: 'Sentiments extracted from the dataset',}}
                      rootProps={{ 'data-testid': '1' }}
                    />
                </div>

但我不知道如何使用 react-minimal-pie-chart 添加图例,你们有什么想法吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。