我正在研究一个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,但我可能是错的 .

有关如何使用下面的数据(尽可能编程)或如何格式化我的数据以实现目标的任何想法?