堆积条形图中注释的错误位置(Google Chart API)

时间:2015-08-08 03:25:54

标签: google-visualization

我有一个带有注释的堆积条形图,它们对值进行求和。注释始终位于条形的末尾,但是当最后一个数据行(I)没有值时,注释位于开头且我不知道如何修复它。

var dataArray = [
    ["Date", "A", "B", "C", "D", "E", "F", "G", "H", "I", {role: 'annotation'}],
    ["7.08.2015", 0, 0, 0, 3, 6, 1, 0, 0, 0, 10],
    ["6.08.2015", 0, 0, 0, 0, 4, 6, 1, 0, 7, 18],
    ["5.08.2015", 0, 0, 0, 2, 4, 0, 0, 0, 5, 11]
];

Demo and code at JSFiddle

Image of the problem ...

1 个答案:

答案 0 :(得分:2)

找到一个解决方法...添加了一个名为Total的新数据列,其值与注释相同:

var options = {
    ...
    series: {
        9: {
            color: 'transparent',
            type: "bar",
            targetAxisIndex: 1,
            visibleInLegend: false
        }
    }
};

并将其添加到选项中:

var series = {};
series[data.getNumberOfColumns() - 3] = {
    color: 'transparent',
    type: "bar",
    targetAxisIndex: 1,
    visibleInLegend: false
};

options["series"] = series;

Demo and code at JSFiddle

这使得总栏变得透明,将其隐藏在图例中并让它从零点开始。

动态版本,其中包含注释的最后一个数据行:

int sumAge = personList.stream().mapToInt(Person::age).sum();

Demo and code at JSFiddle