如何循环使用SQL数据并使用ChartJS绘制图形？

Question

这是我数据的一小部分

| Firm       | Product     | Sales        |
|:-----------|------------:|:------------:|
| A          |        TV1  |     This     |
| A          |        TV2  |    column    |
| B          |        TV3  |     will     |
| C          |        TV4  |      be      |
| C          |        TV5  |    number    |

我想用图表和瓶子/烧瓶做一个这样的图表

（https://i.imgur.com/Nw09P4A.jpg）

代码输入瓶子.py公司名称：

^{pr2}$

Javascript代码：

^{3}$

但它只显示了一张空画布。在

编辑：要获得这样的结果：

data: {
labels: ["A", "B", "C"],
datasets: [{
  label: 'TV1',
  backgroundColor: "rgba(153,255,51,1)",
  data: [10, 0, 0],
}, {
  label: 'TV2',
  backgroundColor: "rgba(255,153,0,1)",
  data: [0,30, 0],
  }]
 }

我应该有这样的Js代码：

        %if  item[0]  == 'A':
            data: [{{ item[2] }},null,null],
            backgroundColor: "#0e7a0d"
        elif  item[0]  == 'B':   
            data: [null,{{ item[2] }},null],
            backgroundColor: "##e4000f"
        else:
            data: [null,null ,{{ item[2] }}],
            backgroundColor: "#003791"
        %end