Esta página foi traduzida pela API Cloud Translation.

Class TableChartBuilder

Um builder para gráficos de tabela. Para mais detalhes, consulte a documentação do Google Charts.

Confira um exemplo de como criar um gráfico de tabela. Os dados são importados de uma planilha Google.

// Get sample data from a spreadsheet.
const dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AF' +
    '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=4&headers=-1';

const chartBuilder = Charts.newTableChart()
                         .setDimensions(600, 500)
                         .enablePaging(20)
                         .setDataSourceUrl(dataSourceUrl);

const chart = chartBuilder.build();

Métodos

Método	Tipo de retorno	Breve descrição
`build()`	`Chart`	Cria o gráfico.
`enablePaging(enablePaging)`	`TableChartBuilder`	Define se a paginação dos dados será ativada.
`enablePaging(pageSize)`	`TableChartBuilder`	Ativa a paginação e define o número de linhas em cada página.
`enablePaging(pageSize, startPage)`	`TableChartBuilder`	Ativa a paginação, define o número de linhas em cada página e a primeira página da tabela a ser mostrada (os números de página são baseados em zero).
`enableRtlTable(rtlEnabled)`	`TableChartBuilder`	Adiciona suporte básico para idiomas da direita para a esquerda (como árabe ou hebraico) revertendo a ordem das colunas da tabela, de modo que a coluna zero seja a mais à direita e a última coluna seja a mais à esquerda.
`enableSorting(enableSorting)`	`TableChartBuilder`	Define se as colunas serão classificadas quando o usuário clicar em um cabeçalho de coluna.
`setDataSourceUrl(url)`	`TableChartBuilder`	Define o URL da fonte de dados usado para extrair dados de uma fonte externa, como as Planilhas Google.
`setDataTable(tableBuilder)`	`TableChartBuilder`	Define a tabela de dados a ser usada no gráfico usando um DataTableBuilder.
`setDataTable(table)`	`TableChartBuilder`	Define a tabela de dados que contém as linhas do gráfico, bem como os rótulos do eixo X.
`setDataViewDefinition(dataViewDefinition)`	`TableChartBuilder`	Define a definição de visualização de dados a ser usada no gráfico.
`setDimensions(width, height)`	`TableChartBuilder`	Define as dimensões do gráfico.
`setFirstRowNumber(number)`	`TableChartBuilder`	Define o número da primeira linha na tabela de dados.
`setInitialSortingAscending(column)`	`TableChartBuilder`	Define o índice da coluna de acordo com a qual a tabela deve ser classificada inicialmente (em ordem crescente).
`setInitialSortingDescending(column)`	`TableChartBuilder`	Define o índice da coluna de acordo com a qual a tabela deve ser inicialmente classificada (descendente).
`setOption(option, value)`	`TableChartBuilder`	Define opções avançadas para este gráfico.
`showRowNumberColumn(showRowNumber)`	`TableChartBuilder`	Define se o número da linha será mostrado como a primeira coluna da tabela.
`useAlternatingRowStyle(alternate)`	`TableChartBuilder`	Define se o estilo de cor alternada é atribuído a linhas ímpares e pares de um gráfico de tabela.

Documentação detalhada

`build()`

Cria o gráfico.

Retornar

Chart: um objeto de gráfico, que pode ser incorporado a documentos, elementos da interface ou usado como uma imagem estática.

`enablePaging(enablePaging)`

Define se a paginação dos dados será ativada.

O comportamento padrão é a paginação desativada. Se a paginação estiver ativada, o tamanho padrão da página será 10.

Parâmetros

Nome	Tipo	Descrição
`enablePaging`	`Boolean`	`true` se a paginação precisa ser ativada. Caso contrário, `false`.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.

`enablePaging(pageSize)`

Ativa a paginação e define o número de linhas em cada página.

O tamanho de página padrão é 10.

// Creates a table chart builder and enables paging with page size of 5.
const builder = Charts.newTableChart();
builder.enablePaging(5);

Parâmetros

Nome	Tipo	Descrição
`pageSize`	`Integer`	O número de linhas em cada página da tabela.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.

`enablePaging(pageSize, startPage)`

Ativa a paginação, define o número de linhas em cada página e a primeira página da tabela a ser mostrada (os números de página são baseados em zero).

O tamanho de página padrão é 10, e a página inicial padrão é 0.

// Creates a table chart builder and enables paging with page size of 5 and
// displays page 2 first.
const builder = Charts.newTableChart();
builder.enablePaging(5, 2);

Parâmetros

Nome	Tipo	Descrição
`pageSize`	`Integer`	O número de linhas em cada página da tabela.
`startPage`	`Integer`	A primeira página da tabela a ser exibida. Os números de página são baseados em zero.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.

`enableRtlTable(rtlEnabled)`

Adiciona suporte básico para idiomas da direita para a esquerda (como árabe ou hebraico) revertendo a ordem das colunas da tabela, de modo que a coluna zero seja a mais à direita e a última coluna seja a mais à esquerda.

Isso não afeta o índice de colunas nos dados subjacentes, apenas a ordem de exibição. A visualização de idioma bidirecional (BiDi) completa não é compatível com a visualização de tabela, mesmo com essa opção. Essa opção será ignorada se você ativar a paginação (usando a opção de página) ou se a tabela tiver barras de rolagem porque você especificou opções de altura e largura menores que o tamanho da tabela. O comportamento padrão é o suporte a RTL desativado.

Parâmetros

Nome	Tipo	Descrição
`rtlEnabled`	`Boolean`	`true` se o suporte da direita para a esquerda precisa ser ativado, `false` caso contrário.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.

`enableSorting(enableSorting)`

Define se as colunas serão classificadas quando o usuário clicar em um cabeçalho de coluna.

Se a ordenação estiver ativada, quando os usuários clicarem no cabeçalho da coluna, as linhas serão classificadas automaticamente. O comportamento padrão é a classificação ativada.

Parâmetros

Nome	Tipo	Descrição
`enableSorting`	`Boolean`	`true` para ativar a classificação clicando nos cabeçalhos das colunas, `false` caso contrário.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.

`setDataSourceUrl(url)`

Define o URL da fonte de dados usado para extrair dados de uma fonte externa, como as Planilhas Google. Se um URL da fonte de dados e uma DataTable forem fornecidos, o URL da fonte de dados será ignorado.

Para mais informações sobre como consultar fontes de dados, consulte a documentação do Google Charts.

Parâmetros

Nome	Tipo	Descrição
`url`	`String`	O URL da fonte de dados, incluindo os parâmetros de consulta.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.

`setDataTable(tableBuilder)`

Define a tabela de dados a ser usada no gráfico usando um DataTableBuilder. Esse é um método conveniente para definir a tabela de dados sem precisar chamar build().

Parâmetros

Nome	Tipo	Descrição
`tableBuilder`	`DataTableBuilder`	Um criador de tabelas de dados. Uma nova tabela de dados é criada instantaneamente como parte dessa chamada, portanto, outras atualizações do builder não serão refletidas no gráfico.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.

`setDataTable(table)`

Define a tabela de dados que contém as linhas do gráfico, bem como os rótulos do eixo X. A primeira coluna precisa ser uma string e conter os rótulos do eixo horizontal. Qualquer número de colunas pode ser seguido, todas precisam ser numéricas. Cada coluna é mostrada como uma linha separada.

Parâmetros

Nome	Tipo	Descrição
`table`	`DataTableSource`	A tabela de dados a ser usada no gráfico.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.

`setDataViewDefinition(dataViewDefinition)`

Define a definição de visualização de dados a ser usada no gráfico.

Parâmetros

Nome	Tipo	Descrição
`dataViewDefinition`	`DataViewDefinition`	Um objeto de definição de visualização de dados que define a visualização que precisa ser derivada da fonte de dados especificada para o desenho do gráfico.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.

`setDimensions(width, height)`

Define as dimensões do gráfico.

Parâmetros

Nome	Tipo	Descrição
`width`	`Integer`	A largura do gráfico, em pixels.
`height`	`Integer`	A altura do gráfico, em pixels.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.

`setFirstRowNumber(number)`

Define o número da primeira linha na tabela de dados.

O número de linha padrão da primeira linha é 1.

// Creates a table chart builder and sets the first row to be 2.
const builder = Charts.newTableChart();
builder.setFirstRowNumber(2);

Parâmetros

Nome	Tipo	Descrição
`number`	`Integer`	O número da primeira linha na tabela de dados.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.

`setInitialSortingAscending(column)`

Define o índice da coluna de acordo com a qual a tabela deve ser classificada inicialmente (em ordem crescente).

A coluna é classificada em ordem crescente e marcada com uma pequena seta que indica isso.

// Creates a table chart builder and sorts it by the second column (ascending).
const builder = Charts.newTableChart();
builder.setInitialSortingAscending(2);

Parâmetros

Nome	Tipo	Descrição
`column`	`Integer`	O número da coluna de acordo com a qual a tabela deve ser inicialmente classificada.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.

`setInitialSortingDescending(column)`

Define o índice da coluna de acordo com a qual a tabela deve ser inicialmente classificada (descendente).

A coluna é classificada em ordem decrescente e marcada com uma pequena seta que indica isso.

// Creates a table chart builder and sorts it by the second column (descending).
const builder = Charts.newTableChart();
builder.setInitialSortingDescending(2);

Parâmetros

Nome	Tipo	Descrição
`column`	`Integer`	O número da coluna de acordo com a qual a tabela deve ser inicialmente classificada.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.

`setOption(option, value)`

Define opções avançadas para este gráfico. Consulte as opções disponíveis para este gráfico. Esse método não terá efeito se a opção for inválida.

// Build a table chart which renders HTML.
const builder = Charts.newTableChart();
builder.setOption('allowHtml', {@code true});
const chart = builder.build();

Parâmetros

Nome	Tipo	Descrição
`option`	`String`	A opção a ser definida.
`value`	`Object`	O valor que será definido.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.

`showRowNumberColumn(showRowNumber)`

Define se o número da linha será mostrado como a primeira coluna da tabela.

O comportamento padrão não mostra os números de linha.

Parâmetros

Nome	Tipo	Descrição
`showRowNumber`	`Boolean`	`true` se a primeira coluna da tabela precisa mostrar o número da linha, `false` caso contrário.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.

`useAlternatingRowStyle(alternate)`

Define se o estilo de cor alternada é atribuído a linhas ímpares e pares de um gráfico de tabela.

O comportamento padrão é as linhas com estilo de cor alternada.

Parâmetros

Nome	Tipo	Descrição
`alternate`	`Boolean`	`true` se os estilos de cores precisarem ser alternados, `false` caso contrário.

Retornar

TableChartBuilder: esse builder é útil para encadeamento.