Class LineChartBuilder

LineChartBuilder

Strumento per la creazione di grafici a linee. Per ulteriori dettagli, consulta la documentazione di Google Graph.

Ecco un esempio che mostra come creare un grafico a linee. 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%3AG5' +
      '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=2&headers=-1';

  var chartBuilder = Charts.newLineChart()
      .setTitle('Yearly Rainfall')
      .setXAxisTitle('Month')
      .setYAxisTitle('Rainfall (in)')
      .setDimensions(600, 500)
      .setCurveStyle(Charts.CurveStyle.SMOOTH)
      .setPointStyle(Charts.PointStyle.MEDIUM)
      .setDataSourceUrl(dataSourceUrl);

  var chart = chartBuilder.build();

Metodi

MetodoTipo restituitoBreve descrizione
build()ChartCrea il grafico.
reverseCategories()LineChartBuilderInverte il disegno di una serie nell'asse del dominio.
setBackgroundColor(cssValue)LineChartBuilderImposta il colore di sfondo per il grafico.
setColors(cssValues)LineChartBuilderImposta i colori delle linee nel grafico.
setCurveStyle(style)LineChartBuilderImposta lo stile da utilizzare per le curve nel grafico.
setDataSourceUrl(url)LineChartBuilderImposta l'URL dell'origine dati utilizzato per estrarre i dati da una sorgente esterna, come Google Google.
setDataTable(tableBuilder)LineChartBuilderImposta la tabella di dati da utilizzare per il grafico con un oggetto DataTableBuilder.
setDataTable(table)LineChartBuilderImposta la tabella di dati che contiene le linee del grafico e le etichette dell'asse X.
setDataViewDefinition(dataViewDefinition)LineChartBuilderConsente di impostare la definizione della vista dati da utilizzare per il grafico.
setDimensions(width, height)LineChartBuilderImposta le dimensioni del grafico.
setLegendPosition(position)LineChartBuilderImposta la posizione della legenda rispetto al grafico.
setLegendTextStyle(textStyle)LineChartBuilderImposta lo stile del testo della legenda del grafico.
setOption(option, value)LineChartBuilderImposta le opzioni avanzate per questo grafico.
setPointStyle(style)LineChartBuilderConsente di impostare lo stile dei punti della linea.
setRange(start, end)LineChartBuilderImposta l'intervallo per il grafico.
setTitle(chartTitle)LineChartBuilderImposta il titolo del grafico.
setTitleTextStyle(textStyle)LineChartBuilderImposta lo stile del testo del titolo del grafico.
setXAxisTextStyle(textStyle)LineChartBuilderImposta lo stile del testo per l'asse orizzontale.
setXAxisTitle(title)LineChartBuilderAggiunge un titolo all'asse orizzontale.
setXAxisTitleTextStyle(textStyle)LineChartBuilderImposta lo stile del testo del titolo dell'asse orizzontale.
setYAxisTextStyle(textStyle)LineChartBuilderImposta lo stile di testo dell'asse verticale.
setYAxisTitle(title)LineChartBuilderAggiunge un titolo all'asse verticale.
setYAxisTitleTextStyle(textStyle)LineChartBuilderImposta lo stile di testo del titolo dell'asse verticale.
useLogScale()LineChartBuilderImposta l'asse dell'intervallo in una scala logaritmica (richiede che tutti i valori siano positivi).

Documentazione dettagliata

build()

Crea il grafico.

Invio

Chart: un oggetto Chart, che può essere incorporato in documenti, elementi UI o utilizzato come elemento statico dell'immagine.


reverseCategories()

Inverte il disegno di una serie nell'asse del dominio. Per i grafici a intervallo verticale (come i grafici a linee, grafici ad area o a colonne), significa che l'asse orizzontale è tracciato da destra a sinistra. Per i grafici con intervallo orizzontale (come quelli a barre), ciò significa che l'asse verticale è tracciato dall'alto verso in basso. Per i grafici a torta, 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();

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setBackgroundColor(cssValue)

Imposta il colore di sfondo per il grafico.

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

Parametri

NomeTipoDescrizione
cssValueStringIl valore CSS del colore (ad esempio "blue" o "#00f").

Invio

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

NomeTipoDescrizione
cssValuesString[]Un array di valori CSS per il colore, come ["red", "#acf"]. L'ennesimo elemento nell'array rappresenta il colore dell'ennesima linea nel grafico.

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setCurveStyle(style)

Imposta lo stile da utilizzare per le curve nel grafico. Vedi CurveStyle per la curva consentita stili.

// Creates a line chart builder and curves the lines in the chart.
var builder = Charts.newLineChart();
builder.setCurveStyle(Charts.CurveStyle.SMOOTH)

Parametri

NomeTipoDescrizione
styleCurveStyleLo stile delle curve nel grafico.

Invio

LineChartBuilder: questo builder, utile per il concatenamento.

Vedi anche


setDataSourceUrl(url)

Imposta l'URL dell'origine dati utilizzato per estrarre i dati da una sorgente esterna, come Google Google. Se vengono forniti un URL dell'origine dati e una tabella di dati, l'URL dell'origine dati viene ignorato.

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

Parametri

NomeTipoDescrizione
urlStringL'URL dell'origine dati, inclusi gli eventuali parametri di query.

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setDataTable(tableBuilder)

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

Parametri

NomeTipoDescrizione
tableBuilderDataTableBuilderUn generatore di tabelle di dati. Viene creata immediatamente una nuova tabella di dati nell'ambito di questo pertanto eventuali ulteriori aggiornamenti al builder non verranno riportati nel grafico.

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setDataTable(table)

Imposta la tabella di dati che contiene le linee del grafico e le etichette dell'asse X. La la prima colonna deve essere una stringa e contenere le etichette dell'asse orizzontale. Qualsiasi numero di colonne possono seguire, tutti devono essere numerici. Ogni colonna viene visualizzata come una riga separata.

Parametri

NomeTipoDescrizione
tableDataTableSourceLa tabella di dati da utilizzare per il grafico.

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setDataViewDefinition(dataViewDefinition)

Consente di impostare la definizione della vista dati da utilizzare per il grafico.

Parametri

NomeTipoDescrizione
dataViewDefinitionDataViewDefinitionUn oggetto di definizione della vista dati che definisce la vista da utilizzare derivata dall'origine dati specificata per il disegno del grafico.

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setDimensions(width, height)

Imposta le dimensioni del grafico.

Parametri

NomeTipoDescrizione
widthIntegerLa larghezza del grafico, in pixel.
heightIntegerL'altezza del grafico, in pixel.

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setLegendPosition(position)

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

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

Parametri

NomeTipoDescrizione
positionPositionLa posizione della legenda.

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setLegendTextStyle(textStyle)

Imposta lo stile del 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

NomeTipoDescrizione
textStyleTextStyleLo stile di testo da utilizzare per la legenda del grafico.

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setOption(option, value)

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

// Build a line chart with a 1-second animation duration.
var builder = Charts.newLineChart();
builder.setOption('animation.duration', 1000);
var chart = builder.build();

Parametri

NomeTipoDescrizione
optionStringL'opzione da impostare.
valueObjectIl valore da impostare.

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setPointStyle(style)

Consente di impostare lo stile dei punti della linea. Per impostazione predefinita, i punti non hanno uno stile particolare e la linea sia visibile.

// Creates a line chart builder and sets large point style.
var builder = Charts.newLineChart();
builder.setPointStyle(Charts.PointStyle.LARGE);

Parametri

NomeTipoDescrizione
stylePointStyleLo stile da utilizzare per i punti della linea.

Invio

LineChartBuilder: questo builder, utile per il concatenamento.

Vedi anche


setRange(start, end)

Imposta l'intervallo per il grafico.

Se alcuni punti dati non rientrano nell'intervallo, l'intervallo viene espanso per includere quei dati. punti.

Parametri

NomeTipoDescrizione
startNumberIl valore della linea della griglia più bassa dell'asse dell'intervallo.
endNumberIl valore della linea della griglia più alta dell'asse dell'intervallo.

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setTitle(chartTitle)

Imposta il titolo del grafico. Il titolo viene visualizzato al centro del grafico.

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

Parametri

NomeTipoDescrizione
chartTitleStringil titolo del grafico.

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setTitleTextStyle(textStyle)

Imposta lo stile del 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

NomeTipoDescrizione
textStyleTextStyleLo stile di testo da utilizzare per il titolo del grafico. Puoi creare un oggetto TextStyleBuilder chiamando Charts.newTextStyle().

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setXAxisTextStyle(textStyle)

Imposta lo stile del testo per l'asse orizzontale.

// Creates a line chart builder and sets the X-axis text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var builder = Charts.newLineChart();
builder.setXAxisTextStyle(textStyle);

Parametri

NomeTipoDescrizione
textStyleTextStyleLo stile del testo da utilizzare per il titolo dell'asse orizzontale. Puoi creare un oggetto TextStyleBuilder chiamando Charts.newTextStyle().

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setXAxisTitle(title)

Aggiunge un titolo all'asse orizzontale. Il titolo è centrato e appare sotto il valore dell'asse etichette.

// Creates a line chart builder and sets the X-axis title.
var builder = Charts.newLineChart();
builder.setTitle('X-axis Title')

Parametri

NomeTipoDescrizione
titleStringIl titolo dell'asse X.

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setXAxisTitleTextStyle(textStyle)

Imposta lo stile del testo del titolo dell'asse orizzontale.

// Creates a line chart builder and sets the X-axis title text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var builder = Charts.newLineChart();
builder.setXAxisTitleTextStyle(textStyle);

Parametri

NomeTipoDescrizione
textStyleTextStyleLo stile del testo da utilizzare per il titolo dell'asse orizzontale. Puoi creare un oggetto TextStyleBuilder chiamando Charts.newTextStyle().

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setYAxisTextStyle(textStyle)

Imposta lo stile di testo dell'asse verticale.

// Creates a line chart builder and sets the Y-axis text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var builder = Charts.newLineChart();
builder.setYAxisTextStyle(textStyle);

Parametri

NomeTipoDescrizione
textStyleTextStyleLo stile del testo da utilizzare per il titolo dell'asse orizzontale. Puoi creare un oggetto TextStyleBuilder chiamando Charts.newTextStyle().

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setYAxisTitle(title)

Aggiunge un titolo all'asse verticale. Il titolo è centrato e appare a sinistra del valore etichette.

// Creates a line chart builder and sets the Y-axis title.
var builder = Charts.newLineChart();
builder.setYAxisTitle('Y-axis Title')

Parametri

NomeTipoDescrizione
titleStringIl titolo dell'asse Y.

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


setYAxisTitleTextStyle(textStyle)

Imposta lo stile di testo del titolo dell'asse verticale.

// Creates a line chart builder and sets the Y-axis title text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var builder = Charts.newLineChart();
builder.setYAxisTitleTextStyle(textStyle);

Parametri

NomeTipoDescrizione
textStyleTextStyleLo stile del testo da utilizzare per il titolo dell'asse orizzontale. Puoi creare un oggetto TextStyleBuilder chiamando Charts.newTextStyle().

Invio

LineChartBuilder: questo builder, utile per il concatenamento.


useLogScale()

Imposta l'asse dell'intervallo in una scala logaritmica (richiede che tutti i valori siano positivi). L'intervallo asse è l'asse verticale dei grafici verticali (ad esempio a linee, ad area o a colonne) e asse orizzontale per i grafici orizzontali (ad esempio a barre).

Invio

LineChartBuilder: questo builder, utile per il concatenamento.