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

Chart.js 中的这些行框是什么,我该如何关闭它们?

如何解决Chart.js 中的这些行框是什么,我该如何关闭它们?

我在 React 中通过 react-chartjs-2 显示 Chart.js 甜甜圈图,认情况下,每个甜甜圈部分都会显示这些行框内容。举个例子:

enter image description here

这些 line-Box 的东西叫什么,我该如何关闭它们?

此外,就其价值而言,它们似乎不会显示在基本 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 举报,一经查实,本站将立刻删除。