javascript - 向谷歌图表添加新行，数据表布局有问题

Question

我有一些我想在折线图上绘制点的人。轴是日期和这个人喝咖啡的次数。

我的谷歌图表必须在其侧面列出人员列表，当我将鼠标悬停在图表上绘制的点上时，我希望它说“约翰 - 18”之类的内容。

我通过像这样布置我的数据来实现这一点：

data.addColumn('date', 'Date');   
data.addColumn('number', 'All People');     
data.addColumn('number', 'Bob');     
data.addColumn('number', 'Bill');     
data.addColumn('number', 'Willie');     
data.addColumn('number', 'Joel'); 

data.addRows( [
    [ new Date( 2011,  6,  10 ), 30, 20, 10, 12, 0 ],
    [ new Date( 2011,  6,  11 ), 1, 2, 4, 3, 0 ],
    [ new Date( 2011,  6,  12 ), 15, 2, 0, 3, 0 ],
    [ new Date( 2011,  6,  13 ), 5, 6, 0, 3, 0 ],
    [ new Date( 2011,  6,  14 ), 3, 6, 0, 3, 0 ]
] );

问题是，当我想在图表中添加另一条线时，我不知道该怎么做...有没有办法迭代当前行并将新数据推入其中并再添加一个名为“Jeffrey”的列，然后重绘整个图表？

代码可能如下所示：

data.addColumn( 'number', 'Jeffrey' );

// coffeeDrank is an array of coffee drunk organised in the same order as the data rows 
for( a in data.rows )
{
    data.rows[ a ].push( coffeeDrank[ a ] );
}

Answer 1

    var columnCount = data.getNumberOfColumns();                 
    var rowCount = data.getNumberOfRows();


    for( a = 0; a < rowCount; a++ )
    {
        if( a == 0 )
        {
            data.setCell( a, ( columnCount - 1 ), 0 );
        }
        else
        {                                               
            data.setCell( a, ( columnCount - 1 ), coffeeDrank[ a ] );
        }
    }