我正在开发一个MVC项目，并且在Chart.js中生成图表时遇到了麻烦。我正在尝试制作一个图表，其中标签是个人，然后执行每个状态的计数（对于每个用户）的堆积条形图，然后覆盖每个用户的总金额的线图。
以下是从存储过程返回数据时的示例：
+-------+---------------------+---------+-------+
| User | Status | Dollars | Count |
+-------+---------------------+---------+-------+
| Bob | Thinking Of Selling | 2013.23 | 12 |
| Bob | Currently Selling | 1022.12 | 3 |
| Bob | Going to Sell | 103.71 | 2 |
| Suzy | Currently Selling | 4017.22 | 21 |
| Tom | Thinking Of Selling | 1022.12 | 7 |
| Tom | Going to Sell | 3231.01 | 10 |
| Billy | Currently Selling | 1012.39 | 5 |
| Billy | Thinking Of Selling | 1720.21 | 3 |
+-------+---------------------+---------+-------+
因此标签将是：Bob，Suzy，Tom，Billy，然后（以Bob为例）堆栈“思考销售：12”，“目前销售：3”，“打算销售：2”。最后，我会在Bob的列上绘制一条线，其值为“3139.06”。这将继续下去，每个用户都会获得其状态计数的堆积列以及状态总金额的线图。
我已经有了一个不同的图表，它会在条形图上显示一条线，因此我不会太困惑。我遇到的问题（我认为）与将数据匹配到标签有关。我认为我的数据没有格式化，这使得它很容易与Chart.js，但我可能是错的。
有关如何使用以下数据（尽可能采用程序化）或如何格式化数据以实现目标的任何想法？