charts - 谷歌图表 : Labelling Stacked Column Charts

Question

基于 googleAPI 文档: https://developers.google.com/chart/interactive/docs/gallery/columnchart?hl=en

正如您在“标记列”部分中看到的那样，每列都标有静态值。我想知道是否可以用所有总和的特定值来标记列。

// Set chart options
     var options = {

         width: 400,
         height: 300,
         calc:????
     };

我应该用特定的功能设置这个“计算”字段吗？

JSFIDDLE: Total Labeling Column

我不知道如何使用每个堆叠列的总和值自定义标签。

Answer 1

您可以使用 getNumberOfRows()、getNumberOfColumns() 和 getValue() 函数来计算总计并设置该值而不是字符串 总计:

function drawChart() {
    // Create the data table.
    var data = new google.visualization.arrayToDataTable(array);

    for (var i = 0; i < data.getNumberOfRows(); i++) {
        var total = 0;

        for (var j = 1; j < data.getNumberOfColumns() - 2; j++) {
            // console.log(data.getValue(i, j));
            total += data.getValue(i, j);
        }
        data.setValue(i, data.getNumberOfColumns() - 1, '' + total);
    }
...

您必须更改图表的大小或字体的大小才能使值正确显示在列上。标签显示正确。