Esta página foi traduzida pela API Cloud Translation.

Class PieChartBuilder

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

Confira um exemplo que mostra como criar um gráfico de pizza. 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%3AB8' +
    '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=3&headers=-1';

const chartBuilder = Charts.newPieChart()
                         .setTitle('World Population by Continent')
                         .setDimensions(600, 500)
                         .set3D()
                         .setDataSourceUrl(dataSourceUrl);

const chart = chartBuilder.build();

Métodos

Método	Tipo de retorno	Breve descrição
`build()`	`Chart`	Cria o gráfico.
`reverseCategories()`	`PieChartBuilder`	Inverte o desenho das séries no eixo do domínio.
`set3D()`	`PieChartBuilder`	Define o gráfico como tridimensional.
`setBackgroundColor(cssValue)`	`PieChartBuilder`	Define a cor de fundo do gráfico.
`setColors(cssValues)`	`PieChartBuilder`	Define as cores das linhas no gráfico.
`setDataSourceUrl(url)`	`PieChartBuilder`	Define o URL da fonte de dados usado para extrair dados de uma fonte externa, como as Planilhas Google.
`setDataTable(tableBuilder)`	`PieChartBuilder`	Define a tabela de dados a ser usada no gráfico usando um DataTableBuilder.
`setDataTable(table)`	`PieChartBuilder`	Define a tabela de dados que contém as linhas do gráfico, bem como os rótulos do eixo X.
`setDataViewDefinition(dataViewDefinition)`	`PieChartBuilder`	Define a definição de visualização de dados a ser usada no gráfico.
`setDimensions(width, height)`	`PieChartBuilder`	Define as dimensões do gráfico.
`setLegendPosition(position)`	`PieChartBuilder`	Define a posição da legenda em relação ao gráfico.
`setLegendTextStyle(textStyle)`	`PieChartBuilder`	Define o estilo de texto da legenda do gráfico.
`setOption(option, value)`	`PieChartBuilder`	Define opções avançadas para este gráfico.
`setTitle(chartTitle)`	`PieChartBuilder`	Define o título do gráfico.
`setTitleTextStyle(textStyle)`	`PieChartBuilder`	Define o estilo de texto do título do gráfico.

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.

`reverseCategories()`

Inverte o desenho das séries no eixo do domínio. Para gráficos de intervalo vertical (como gráficos de linhas, de área ou de colunas), isso significa que o eixo horizontal é desenhado da direita para a esquerda. Para gráficos de intervalo horizontal (como gráficos de barras), isso significa que o eixo vertical é desenhado de cima para baixo. Para gráficos de pizza, isso significa que as fatias são desenhadas no sentido anti-horário.

// Creates a pie chart builder and sets drawing of the slices in a
// counter-clockwise manner.
const builder = Charts.newPieChart();
builder.reverseCategories();

Retornar

PieChartBuilder: esse builder é útil para encadeamento.

`set3D()`

Define o gráfico como tridimensional.

Retornar

PieChartBuilder: esse builder é útil para encadeamento.

`setBackgroundColor(cssValue)`

Define a cor de fundo do gráfico.

// Creates a line chart builder and sets the background color to gray
const builder = Charts.newLineChart();
builder.setBackgroundColor('gray');

Parâmetros

Nome	Tipo	Descrição
`cssValue`	`String`	O valor CSS da cor (como `"blue"` ou `"#00f"`).

Retornar

PieChartBuilder: esse builder é útil para encadeamento.

`setColors(cssValues)`

Define as cores das linhas no gráfico.

// Creates a line chart builder and sets the first two lines to be drawn in
// green and red, respectively.
const builder = Charts.newLineChart();
builder.setColors(['green', 'red']);

Parâmetros

Nome	Tipo	Descrição
`cssValues`	`String[]`	Uma matriz de valores CSS de cor, como `["red", "#acf"]`. O elemento n na matriz representa a cor da linha n no gráfico.

Retornar

PieChartBuilder: 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

PieChartBuilder: 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

PieChartBuilder: 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

PieChartBuilder: 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

PieChartBuilder: 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

PieChartBuilder: esse builder é útil para encadeamento.

`setLegendPosition(position)`

Define a posição da legenda em relação ao gráfico. Por padrão, não há legenda.

// Creates a line chart builder and sets the legend position to right.
const builder = Charts.newLineChart();
builder.setLegendPosition(Charts.Position.RIGHT);

Parâmetros

Nome	Tipo	Descrição
`position`	`Position`	A posição da legenda.

Retornar

PieChartBuilder: esse builder é útil para encadeamento.

`setLegendTextStyle(textStyle)`

Define o estilo de texto da legenda do gráfico.

// Creates a line chart builder and sets it up for a  blue, 26-point legend.
const textStyleBuilder =
    Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
const style = textStyleBuilder.build();
const builder = Charts.newLineChart();
builder.setLegendTextStyle(style);

Parâmetros

Nome	Tipo	Descrição
`textStyle`	`TextStyle`	O estilo de texto a ser usado na legenda do gráfico.

Retornar

PieChartBuilder: 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 pie chart with a pretty legend.
const builder = Charts.newPieChart();
builder.setOption('legend', {textStyle: {color: 'blue', fontSize: 16}});
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

PieChartBuilder: esse builder é útil para encadeamento.

`setTitle(chartTitle)`

Define o título do gráfico. O título é exibido centralizado acima do gráfico.

// Creates a line chart builder and title to 'My Line Chart'.
const builder = Charts.newLineChart();
builder.setTitle('My Line Chart');

Parâmetros

Nome	Tipo	Descrição
`chartTitle`	`String`	o título do gráfico.

Retornar

PieChartBuilder: esse builder é útil para encadeamento.

`setTitleTextStyle(textStyle)`

Define o estilo de texto do título do gráfico.

// Creates a line chart builder and sets it up for a  blue, 26-point title.
const textStyleBuilder =
    Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
const style = textStyleBuilder.build();
const builder = Charts.newLineChart();
builder.setTitleTextStyle(style);

Parâmetros

Nome	Tipo	Descrição
`textStyle`	`TextStyle`	O estilo de texto a ser usado para o título do gráfico. É possível criar um objeto `TextStyleBuilder` chamando `Charts.newTextStyle()`.

Retornar

PieChartBuilder: esse builder é útil para encadeamento.