Сохранение форматирования с помощью группировки по агрегации в Google Visualization API

Я сам только что столкнулся с этой проблемой. Я решил использовать модификатор, чтобы изменить значение на отформатированное значение, используя исходную таблицу данных, чтобы найти отформатированные значения. Это не очень эффективно, но работает, и компьютеры работают быстро.

Сначала создайте функцию поиска:

function getFormatForValue(dataTable, column, value) {

    // we need to spin through column in the dataTable looking
    // for the matching value and then return the formatted value
    var rowcount = dataTable.getNumberOfRows();
    for (var i=0; i<rowcount; i++) {
        if (dataTable.getValue(i, column) === value) {

            // we found it, this will look much better
            return dataTable.getFormattedValue(i, column);    
        }
    }

    // better than nothing
    return value;
}

Затем вызовите это в модификаторе, изменив исходный групповой вызов:

var countryData = google.visualization.data.group(
    rawData, 
    [
     {
      'column': 0,
      'modifier': function(value) { return getFormatForValue(rawData, 0, value); },
      'type': 'string'
     },
     {
      'column': 1,
      'modifier': function(value) { return getFormatForValue(rawData, 1, value); },
      'type': 'string'
     }
    ], 
    [{'column': 4, 'aggregation': google.visualization.data.sum, 'type': 'number'}]
);

Обновление: кажется, что вам нужно сохранить значение и отформатированное значение. В моем случае отображения круговых диаграмм мне не нужно сохранять исходное значение. Я думаю, это не сработает для вас, но я оставлю этот ответ здесь для других, у которых может быть более простой случай, как у меня.

Я потратил на это еще несколько минут, и вот альтернатива, которая скопирует отформатированное значение, сохранив при этом исходное значение ячейки.

Создайте функцию копирования, которая использует функцию поиска:

function copyFormattedValues(oldDataTable, oldColumn, newDataTable, newColumn) {

    var rowcount = newDataTable.getNumberOfRows();
    for (var i=0; i<rowcount; i++) {
        var value = newDataTable.getValue(i, newColumn);
        var formatted = getFormatForValue(oldDataTable, oldColumn, value);
        newDataTable.setFormattedValue(i, newColumn, formatted);
    }

 }

Затем в вашем случае вызовите его один раз для каждого столбца, который вы хотите скопировать.

copyFormattedValues(rawData, 0, countryData, 0);
copyFormattedValues(rawData, 1, countryData, 1);

Ваши столбцы источника и назначения одинаковы, но в некоторых случаях они могут отличаться.

Конечно, в идеале все это должно было происходить автоматически.

Хорошо, я понял это (насколько это было ужасно сложно).

Я попробовал новый подход. Я переформатировал свои данные, а затем создал функцию для возврата значения/формата на основе разделителя в этой строке. Итак, мои данные теперь выглядят так:

[2010, "'MA'|'Morocco'", 21.13],
[2010, "'AW'|'Aruba'", 0.98],
[2010, "'AF'|'Afghanistan'", 0.99],
[2010, "'AO'|'Angola'", 5.12],

Затем я использую это, чтобы получить расположение разделителя для столбца 1:

var countryCount = countryData.getNumberOfRows();

for (var i = 0; i <= countryCount; i++) {
  var stringToSplit = countryData.getValue(i,1);
  var dividerLocation = stringToSplit.indexOf("|");
  alert("Divider: " + dividerLocation + ", String: " + stringToSplit);
  countryData.setValue(i, 1, splitFormat(dividerLocation, stringToSplit));
};

И затем я использую эту функцию для разделения строки:

  function splitFormat(dividerLocation, stringToSplit) {
    // alert("entered splitFormat Function");
    var stringValue = "";
    var formatValue = "";
    stringValue = stringToSplit.substring(0, dividerLocation);
    formatValue = stringToSplit.substring(dividerLocation + 1)
    alert("v: " + stringValue + ", f: " + formatValue);
    return {
      v: stringValue,
      f: formatValue
    }
      }

Проблема в том, что я определяю столбец 1 своих данных как «строку», но firebug сообщает мне, что объект, возвращаемый функцией splitFormat(), является объектом (поскольку я полагаю, что это массив). Даже если я устанавливаю исходный datatable с компонентом v: и f:, он не хочет принимать возвращаемое значение объекта массива, поскольку FireBug дает мне следующий очень полезный совет:

"Error: Type mismatch. Value [object Object] does not match type string in column index 1 (table.I.js,137)"

Проблема в том, что хотя вы можете определить DataTable, используя синтаксис {v:, f:}, вы не можете вернуть этот синтаксис обратно в таблицу, потому что значение для этого столбца установлено как строка. Вместо этого я использовал свойство «setFormattedValue» DataTable, чтобы исправить проблему:

  function drawVisualization() {
    var countryTable = new google.visualization.Table(document.getElementById('table'));

    var countryCount = countryData.getNumberOfRows() - 1;

    for (var i = 0; i <= countryCount; i++) {
      var stringToSplit = countryData.getValue(i,1);
      var dividerLocation = stringToSplit.indexOf("|");
      var stringValue = stringToSplit.substring(0, dividerLocation);
      var stringFormat = stringToSplit.substring(dividerLocation + 1);
      countryData.setValue(i, 1, stringValue);
      countryData.setFormattedValue(i, 1, stringFormat);
    };

Это правильно дало мне соответствующие значения для обоих, хотя это немного интенсивно для больших наборов данных. Если кто-нибудь знает более простой способ сделать это, то я был бы более чем счастлив услышать это.