使用 Django 在 Google 图表 table 中传递一个元组

Question

大家下午好，

我正在我的 Django 项目中实现 Google 图表 API。我想绘制两个不同的图表，一个饼图和一个 table 图表。我能够毫无问题地显示饼图。但是，我在使用 table 图表时遇到了问题。我正在将一个元组传递给 data.setCell() 方法。当我这样做时，table 图表不会呈现。下面是我写的代码：

function drawTable() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Company Name');
    data.addColumn('number', '52 week high');
    data.addColumn('number', '52 week low');
    data.addRows(5);
    {% for company in data_cell|safe %}
        data.setCell(company);
    {% endfor %}
    
    // data.setCell(0, 0, 'John');
    
    
    var table = new google.visualization.Table(document.getElementById('table_div'));
    table.draw(data, {showRowNumber: true, width: '50%', height: '50%'});

    google.visualization.events.addListener(table, 'select', function() {
        var row = table.getSelection()[0].row;
        alert('You selected ' + data.getValue(row, 0));
    });
}

data_cell 是一个包含元组列表的变量，它是我的 views.py 文件中上下文字典的一部分。如下你可以找到一个例子; ('Facebook', 384.33, 244.61)

我试过在没有安全方法的情况下遍历元组列表，但它不起作用。

有什么提示吗？

Answer 1

而不是使用 setCell，尝试 addRow 方法...

data.addRow(company);

setCell 需要三个参数 --> 行索引、列索引和值。
你不能在一个变量中传递所有内容。

使用 Django 在 Google 图表 table 中传递一个元组

passing a tuple in a Google charts table using Django

django

charts

google-visualization