如何解决Chart.js 中的这些行框是什么,我该如何关闭它们?
我在 React 中通过 react-chartjs-2
显示 Chart.js 甜甜圈图,默认情况下,每个甜甜圈部分都会显示这些行框内容。举个例子:
此外,就其价值而言,它们似乎不会默认显示在基本 Chart.js 库中,但它们会显示在 react-chartjs-2
npm 包中的甜甜圈(可能还有饼图)图表中。我搜索了又搜索,并尝试为图例、图例标签和工具提示切换一堆选项,但无济于事。我不知道如何关闭这些。感谢您的帮助。
解决方法
再次感谢 LeeLanalee 为我指明了正确的方向。
我不知道的是,有一个 Chart.js 全局插件为所有圆环图设置,名为 chartjs-plugin-piechart-outlabels
(https://www.npmjs.com/package/chartjs-plugin-piechart-outlabels)。根据以下 SO 帖子,我能够禁用圆环图(在 React 中)的特定实例的线框标签,如下所示:
ChartJs - Pie Chart - how to remove labels that are on the pie chart
options={ {
plugins: {
outlabels: false
}
} }
再次感谢!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。