предотвратить событие сортировки по умолчанию в таблице диаграмм Google

Question

Можно ли предотвратить событие сортировки по умолчанию, которое не запускается в объекте таблицы диаграмм google? Если мы возьмем пример от code playground, как это можно изменить, например, предотвратить сортировку при нажатии на заголовок «age»?

т. Е. Ничего не делать с табличной таблицей (моя идея состоит в том, чтобы сортировать по умолчанию во всех заголовках, кроме одного, где было бы запущено другое событие щелчка (управляемое прослушивателем события во внешнем js), но без запуска сортировать события (и, таким образом, без появления маленького сортировочного стрелка))

Например, следующий не работает (он по-прежнему вызывает метод сортировки по умолчанию):

function drawVisualization() { 
var table = new google.visualization.Table(document.getElementById('table')); 
table.draw(sortData, null); 

var chart = new google.visualization.BarChart(document.getElementById('chart')); 
chart.draw(sortData, null); 

google.visualization.events.addListener(table, 'sort', 
    function(event) { 
    if(event.column != 1){ 
     sortData.sort([{column: event.column, desc: !event.ascending}]); 
     chart.draw(sortData, null); 
    } 
    } 
); 
} 

Спасибо за любые указатели

Answer 1

Установить таблицу sort опция event. Это отключает сортировку по умолчанию и заставляет диаграмму «сортировать» событие при нажатии заголовков. Если вы хотите отслеживать сортировки должным образом, вам нужно перерисовывать схему с sortColumn и sortAscending опции устанавливают:

var options = { 
    sort: 'event' 
}; 
google.visualization.events.addListener(table, 'sort', function(event) { 
    if(event.column != 1) { 
     options.sortColumn = event.column; 
     options.sortAscending = event.ascending; 
     sortData.sort([{column: event.column, desc: !event.ascending}]); 
     table.draw(sortData, options); 
    } 
}); 

[редактировать - полный код функции использовать пользовательскую сортировку для таблицы, основанный на детской площадке код]

function drawVisualization() { 
    var options = { 
     sort: 'event' 
    }; 
    var table = new google.visualization.Table(document.getElementById('table')); 
    table.draw(sortData, options); 

    var chart = new google.visualization.BarChart(document.getElementById('chart')); 
    chart.draw(sortData, null); 

    google.visualization.events.addListener(table, 'sort', function(event) { 
     if(event.column != 1) { 
      options.sortColumn = event.column; 
      options.sortAscending = event.ascending; 
      sortData.sort([{column: event.column, desc: !event.ascending}]); 
      table.draw(sortData, options); 
     } 
    }); 
}