Questa pagina è stata tradotta dall'API Cloud Translation.

Class PieChartBuilder

Uno strumento per la creazione di grafici a torta. Per ulteriori informazioni, consulta la documentazione di Google Chart.

Di seguito è riportato un esempio che mostra come creare un grafico a torta. I dati vengono importati da un foglio di lavoro 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();

Metodi

Metodo	Tipo restituito	Breve descrizione
`build()`	`Chart`	Crea il grafico.
`reverseCategories()`	`PieChartBuilder`	Inverte il disegno delle serie nell'asse del dominio.
`set3D()`	`PieChartBuilder`	Imposta il grafico in modo tridimensionale.
`setBackgroundColor(cssValue)`	`PieChartBuilder`	Imposta il colore di sfondo del grafico.
`setColors(cssValues)`	`PieChartBuilder`	Imposta i colori delle linee nel grafico.
`setDataSourceUrl(url)`	`PieChartBuilder`	Imposta l'URL dell'origine dati utilizzato per estrarre i dati da un'origine esterna, ad esempio Fogli Google.
`setDataTable(tableBuilder)`	`PieChartBuilder`	Imposta la tabella di dati da utilizzare per il grafico utilizzando un DataTableBuilder.
`setDataTable(table)`	`PieChartBuilder`	Imposta la tabella di dati che contiene le linee per il grafico e le etichette dell'asse X.
`setDataViewDefinition(dataViewDefinition)`	`PieChartBuilder`	Imposta la definizione della vista dati da utilizzare per il grafico.
`setDimensions(width, height)`	`PieChartBuilder`	Imposta le dimensioni del grafico.
`setLegendPosition(position)`	`PieChartBuilder`	Imposta la posizione della legenda rispetto al grafico.
`setLegendTextStyle(textStyle)`	`PieChartBuilder`	Imposta lo stile di testo della legenda del grafico.
`setOption(option, value)`	`PieChartBuilder`	Imposta le opzioni avanzate per questo grafico.
`setTitle(chartTitle)`	`PieChartBuilder`	Imposta il titolo del grafico.
`setTitleTextStyle(textStyle)`	`PieChartBuilder`	Imposta lo stile di testo del titolo del grafico.

Documentazione dettagliata

`build()`

Crea il grafico.

Ritorni

Chart: oggetto Chart che può essere incorporato in documenti ed elementi dell'interfaccia utente o utilizzato come immagine statica.

`reverseCategories()`

Inverte il disegno delle serie nell'asse del dominio. Per i grafici a intervalli verticali (come grafici a linee, ad area o a colonne), significa che l'asse orizzontale viene tracciato da destra a sinistra. Per i grafici a intervallo orizzontale (come i grafici a barre), l'asse verticale viene disegnato dall'alto verso il basso. Per i grafici a torta, significa che le sezioni vengono tracciate in senso antiorario.

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

Ritorni

PieChartBuilder: questo builder, utile per il concatenamento.

`set3D()`

Imposta il grafico in modo tridimensionale.

Ritorni

PieChartBuilder: questo builder, utile per il concatenamento.

`setBackgroundColor(cssValue)`

Imposta il colore di sfondo del grafico.

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

Parametri

Nome	Tipo	Descrizione
`cssValue`	`String`	Il valore CSS del colore (ad esempio `"blue"` o `"#00f"`).

Ritorni

PieChartBuilder: questo builder, utile per il concatenamento.

`setColors(cssValues)`

Imposta i colori delle linee nel grafico.

// 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"]);

Parametri

Nome	Tipo	Descrizione
`cssValues`	`String[]`	Un array di valori CSS di colore, ad esempio `["red", "#acf"]`. L'ennesimo elemento nell'array rappresenta il colore dell'n-esima linea nel grafico.

Ritorni

PieChartBuilder: questo builder, utile per il concatenamento.

`setDataSourceUrl(url)`

Imposta l'URL dell'origine dati utilizzato per estrarre i dati da un'origine esterna, ad esempio Fogli Google. Se vengono forniti un URL di origine dati e una DataTable, l'URL dell'origine dati viene ignorato.

Per ulteriori informazioni sull'esecuzione di query sulle origini dati, consulta la documentazione di Grafici Google.

Parametri

Nome	Tipo	Descrizione
`url`	`String`	L'URL dell'origine dati, inclusi eventuali parametri di ricerca.

Ritorni

PieChartBuilder: questo builder, utile per il concatenamento.

`setDataTable(tableBuilder)`

Imposta la tabella di dati da utilizzare per il grafico utilizzando un DataTableBuilder. Questo è un metodo pratico per impostare la tabella di dati senza dover chiamare build().

Parametri

Nome	Tipo	Descrizione
`tableBuilder`	`DataTableBuilder`	Un generatore di tabelle di dati. Nell'ambito di questa chiamata viene creata immediatamente una nuova tabella di dati, pertanto eventuali ulteriori aggiornamenti al builder non saranno visualizzati nel grafico.

Ritorni

PieChartBuilder: questo builder, utile per il concatenamento.

`setDataTable(table)`

Imposta la tabella di dati che contiene le linee per il grafico e le etichette dell'asse X. La prima colonna deve essere una stringa e contenere le etichette dell'asse orizzontale. Può seguire un numero qualsiasi di colonne, tutte devono essere numeriche. Ogni colonna viene visualizzata come una riga separata.

Parametri

Nome	Tipo	Descrizione
`table`	`DataTableSource`	La tabella di dati da utilizzare per il grafico.

Ritorni

PieChartBuilder: questo builder, utile per il concatenamento.

`setDataViewDefinition(dataViewDefinition)`

Imposta la definizione della vista dati da utilizzare per il grafico.

Parametri

Nome	Tipo	Descrizione
`dataViewDefinition`	`DataViewDefinition`	Un oggetto di definizione delle viste dati che definisce la vista da derivare dall'origine dati specificata per il disegno del grafico.

Ritorni

PieChartBuilder: questo builder, utile per il concatenamento.

`setDimensions(width, height)`

Imposta le dimensioni del grafico.

Parametri

Nome	Tipo	Descrizione
`width`	`Integer`	La larghezza del grafico in pixel.
`height`	`Integer`	L'altezza del grafico in pixel.

Ritorni

PieChartBuilder: questo builder, utile per il concatenamento.

`setLegendPosition(position)`

Imposta la posizione della legenda rispetto al grafico. Per impostazione predefinita, non è presente una legenda.

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

Parametri

Nome	Tipo	Descrizione
`position`	`Position`	La posizione della legenda.

Ritorni

PieChartBuilder: questo builder, utile per il concatenamento.

`setLegendTextStyle(textStyle)`

Imposta lo stile di testo della legenda del grafico.

// 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);

Parametri

Nome	Tipo	Descrizione
`textStyle`	`TextStyle`	Lo stile di testo da utilizzare per la legenda del grafico.

Ritorni

PieChartBuilder: questo builder, utile per il concatenamento.

`setOption(option, value)`

Imposta le opzioni avanzate per questo grafico. Consulta le opzioni disponibili per questo grafico. Questo metodo non ha effetto se l'opzione specificata non è valida.

// Build a pie chart with a pretty legend.
var builder = Charts.newPieChart();
builder.setOption('legend', {textStyle: {color: 'blue', fontSize: 16}});
var chart = builder.build();

Parametri

Nome	Tipo	Descrizione
`option`	`String`	L'opzione da impostare.
`value`	`Object`	Il valore da impostare.

Ritorni

PieChartBuilder: questo builder, utile per il concatenamento.

`setTitle(chartTitle)`

Imposta il titolo del grafico. Il titolo viene visualizzato centrato sopra il grafico.

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

Parametri

Nome	Tipo	Descrizione
`chartTitle`	`String`	titolo del grafico.

Ritorni

PieChartBuilder: questo builder, utile per il concatenamento.

`setTitleTextStyle(textStyle)`

Imposta lo stile di testo del titolo del grafico.

// 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);

Parametri

Nome	Tipo	Descrizione
`textStyle`	`TextStyle`	Lo stile di testo da utilizzare per il titolo del grafico. Puoi creare un oggetto `TextStyleBuilder` chiamando `Charts.newTextStyle()`.

Ritorni

PieChartBuilder: questo builder, utile per il concatenamento.