创建堆叠的Google图表?

时间:2017-06-26 02:36:40

标签: google-visualization

我正在尝试创建堆叠的Google图表。这很容易,但是对于当前的数据集,我有点困惑。我需要一个堆积的图表,但是对于一些条形图,我不需要所有列。一些,我只需要2列,3列或有时只需要1列数据。例如,假设我有:

data.addColumn('string', 'Topping');
data.addColumn('number', 'Nescafe Instant');
data.addColumn('number', 'Folgers Instant');
data.addColumn('number', 'Nescafe Beans');
data.addColumn('number', 'Folgers Beans');
data.addRows([
    ['2001', 321, 621, 816, 319],
    ['2002', 163, 231, 539, 594],
    ['2003', 125, 819, 123, 578],
    ['2004', 197, 536, 613, 298]
]);

我需要这个:

data.addColumn('string', 'Topping');
data.addColumn('number', 'Nescafe Instant');
data.addColumn('number', 'Folgers Instant');
data.addColumn('number', 'Nescafe Beans');
data.addColumn('number', 'Folgers Beans');
data.addRows([
    ['2001', 321, 621, 816, 319],
    ['2002', 163, 231, 539, 594],
    ['2003', 578],
    ['2004', 197, 536]
]);

使用此当前格式,它不起作用。不仅如此,第三行(578)应该指的是Folgers Beans而不是Nescafe Instant。如何解决这些问题以便显示图表并显示正确的信息?

1 个答案:

答案 0 :(得分:0)

我已经找到了答案。要解决此问题,您必须将undefined添加到空字段中。例如:

data.addColumn('string', 'Topping');
data.addColumn('number', 'Nescafe Instant');
data.addColumn('number', 'Folgers Instant');
data.addColumn('number', 'Nescafe Beans');
data.addColumn('number', 'Folgers Beans');
data.addRows([
    ['2001', 321, 621, 816, 319],
    ['2002', 163, 231, 539, 594],
    ['2003', undefined, undefined, undefined, 578],
    ['2004', undefined, undefined, 197, 536]
]);