Um criador para gráficos de pizza. Para mais detalhes, consulte a documentação do Google Charts.
Aqui está um exemplo que mostra como criar um gráfico de pizza. Os dados são importados de uma planilha do Google.
// Get sample data from a spreadsheet. var dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AB8' + '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=3&headers=-1'; var chartBuilder = Charts.newPieChart() .setTitle('World Population by Continent') .setDimensions(600, 500) .set3D() .setDataSourceUrl(dataSourceUrl); var chart = chartBuilder.build();
Métodos
Método | Tipo de retorno | Breve descrição |
---|---|---|
build() | Chart | Cria o gráfico. |
reverseCategories() | PieChartBuilder | Reverte o desenho de séries no eixo do domínio. |
set3D() | PieChartBuilder | Define o gráfico como tridimensional. |
setBackgroundColor(cssValue) | PieChartBuilder | Define a cor do plano 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 o Google. Planilhas. |
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 da 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 do 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 em documentos, elementos de IU ou usado como um
imagem.
reverseCategories()
Reverte o desenho de séries no eixo do domínio. Para gráficos de intervalo vertical (como linhas, gráficos de área ou colunas), o eixo horizontal é desenhado da direita para a esquerda. Para gráficos de intervalo horizontal (como os gráficos de barras), significa que o eixo vertical é desenhado do topo para fundo. 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. var builder = Charts.newPieChart(); builder.reverseCategories();
Retornar
PieChartBuilder
: esse builder, útil para encadeamentos.
set3D()
Define o gráfico como tridimensional.
Retornar
PieChartBuilder
: esse builder, útil para encadeamentos.
setBackgroundColor(cssValue)
Define a cor do plano de fundo do gráfico.
// Creates a line chart builder and sets the background color to gray var builder = Charts.newLineChart(); builder.setBackgroundColor("gray");
Parâmetros
Nome | Tipo | Descrição |
---|---|---|
cssValue | String | O valor de CSS para a cor (como "blue" ou "#00f" ). |
Retornar
PieChartBuilder
: esse builder, útil para encadeamentos.
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. var 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 enésimo elemento
na matriz representa a cor da enésima linha no gráfico. |
Retornar
PieChartBuilder
: esse builder, útil para encadeamentos.
setDataSourceUrl(url)
Define o URL da fonte de dados usado para extrair dados de uma fonte externa, como o Google. Planilhas. Se um URL de fonte de dados e uma tabela de dados forem fornecidos, o URL da fonte será ignorado.
Para mais informações sobre como consultar fontes de dados, confira a documentação do Google Charts.
Parâmetros
Nome | Tipo | Descrição |
---|---|---|
url | String | O URL da fonte de dados, incluindo quaisquer parâmetros de consulta. |
Retornar
PieChartBuilder
: esse builder, útil para encadeamentos.
setDataTable(tableBuilder)
Define a tabela de dados a ser usada no gráfico usando um DataTableBuilder. Esse é um método de conveniência
para definir a tabela de dados sem precisar chamar build()
.
Parâmetros
Nome | Tipo | Descrição |
---|---|---|
tableBuilder | DataTableBuilder | Um criador de tabela de dados. Uma nova tabela de dados é criada instantaneamente como parte para que outras atualizações do builder não sejam refletidas no gráfico. |
Retornar
PieChartBuilder
: esse builder, útil para encadeamentos.
setDataTable(table)
Define a tabela de dados que contém as linhas do gráfico, bem como os rótulos do eixo X. A deve ser uma string e conter os rótulos do eixo horizontal. Qualquer número de colunas que podem ser seguidas, todos devem ser numéricos. Cada coluna é exibida 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 encadeamentos.
setDataViewDefinition(dataViewDefinition)
Define a definição da 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 deve ser da fonte de dados para o desenho do gráfico. |
Retornar
PieChartBuilder
: esse builder, útil para encadeamentos.
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 encadeamentos.
setLegendPosition(position)
Define a posição da legenda em relação ao gráfico. Por padrão, não há legendas.
// Creates a line chart builder and sets the legend position to right. var 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 encadeamentos.
setLegendTextStyle(textStyle)
Define o estilo do texto da legenda do gráfico.
// Creates a line chart builder and sets it up for a blue, 26-point legend. var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26); var style = textStyleBuilder.build(); var builder = Charts.newLineChart(); builder.setLegendTextStyle(style);
Parâmetros
Nome | Tipo | Descrição |
---|---|---|
textStyle | TextStyle | O estilo de texto a ser usado para a legenda do gráfico. |
Retornar
PieChartBuilder
: esse builder, útil para encadeamentos.
setOption(option, value)
Define opções avançadas para este gráfico. Veja as opções disponíveis para este gráfico. Esse método não terá efeito se a opção fornecida for inválida.
// Build a pie chart with a pretty legend. var builder = Charts.newPieChart(); builder.setOption('legend', {textStyle: {color: 'blue', fontSize: 16}}); var 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 encadeamentos.
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'. var 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 encadeamentos.
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. var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26); var style = textStyleBuilder.build(); var builder = Charts.newLineChart(); builder.setTitleTextStyle(style);
Parâmetros
Nome | Tipo | Descrição |
---|---|---|
textStyle | TextStyle | O estilo de texto a ser usado no título do gráfico. É possível criar um objeto TextStyleBuilder chamando Charts.newTextStyle() . |
Retornar
PieChartBuilder
: esse builder, útil para encadeamentos.