ChartJS 如何填充React图表内的整个框(两个轴之间)

q5iwbnjs  于 2022-11-07  发布在  Chart.js
关注(0)|答案(1)|浏览(265)

在React.js中使用ChartJS库时,我遇到了一些问题。基本上,我尝试从特定端点获取数据,当我获得数据时,我希望用它填充图表。我遇到的问题是如何填充两个值(X和Y)之间的整个框。
我将向您展示设计,您可以更好地了解我的工作:

设计

这是我正在进行的项目的设计。方框内的数字 * 不 * 重要,因为它们代表在该范围内的人数,例如,数字23意味着得分在65-70之间(Y轴),小时工资在24-28之间(X轴)的人。
是否可以使用ChartJS实现类似的功能,或者我应该选择退出它,开始使用其他库?

7gyucuyw

7gyucuyw1#

这可以使用chartjs-plugin-annotationbox annotations和标签注解来完成,如下所示:
第一个

相关问题