堆叠条形图中注释的位置错误（Google Chart API）

hurik 发表于 Dev

胡里克

我有一个带有注释的堆积条形图，用于对这些值进行求和。批注始终位于栏的末尾，但是当最后一个数据行（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]
];

JSFiddle上的演示和代码

问题的形象...

胡里克

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

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

并将其添加到选项中：

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

JSFiddle上的演示和代码

这使“总计”栏透明，将其隐藏在图例中，并使其从零点开始。

动态版本，它使用注释的最后一个数据行：

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

options["series"] = series;

JSFiddle上的演示和代码

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。