Salesforce chart.js 的自定义靶心图

a41*_*415 5 javascript salesforce apex chart.js

我想创建一层重叠的圆圈。类似于以下http://imgur.com/VAB2jsy

我想它类似于靶心图。我想它需要使用 chart.js 构建并绑定到 Salesforce Apex Page。这个想法是它将被嵌入到帐户中,并将根据角色从帐户中填充联系人详细信息(相关列表)。它将显示 14 个角色的信息,并且圆圈的层数也是固定的。
第一个最里面的圆圈有 2 个角色。2nd有2个角色3rd有2个角色4th有3个角色5th有5个角色。

如果有多个人,它应该在每个圈子内显示该角色下的多个人,并且应该动态调整。

我知道它可以完成,但不知道如何完成它。任何人都可以帮助使用 chart.js 或 js 脚本来帮助我实现这一目标以及如何将其嵌入到顶点页面中?