Grafici di array ed elenchi

La funzione ui.Chart.array.values fornisce un metodo per il rendering dei grafici da oggetti ee.Array e ee.List.

Gli esempi riportati di seguito si basano sui dati di array e elenco generati dalla riduzione delle bande di immagini e dei metadati delle immagini utilizzando il riduttore ee.Reducer.toList(). Tieni presente che qualsiasi insieme di elenchi e/o array con la stessa lunghezza lungo un determinato asse puoi essere tracciato da ui.Chart.array.values.

Grafico a dispersione per la regione ee.Array

La riduzione della regione dell'immagine per ee.Reducer.toList() produce un dizionario di elenchi di valori dei pixel, uno per ogni banda di una determinata immagine. Qui viene utilizzato per estrarre elenchi di valori di riflettanza rossa, NIR e SWIR da un'immagine MODIS per i pixel che intersecano un'ecoregione boschiva. I valori di riflettanza rossa vengono tracciati sull'asse x, mentre i valori NIR e SWIR vengono tracciati sull'asse y.

L'asset projects/google/charts_feature_example, utilizzato in questo esempio per delineare un'ecoregione boschiva, è stato sviluppato a scopo dimostrativo. Si tratta di una raccolta di tre poligoni di ecoregioni con proprietà che descrivono le normali climatiche.

Editor di codice (JavaScript)

// Import the example feature collection and subset the forest feature.
var forest = ee.FeatureCollection('projects/google/charts_feature_example')
                 .filter(ee.Filter.eq('label', 'Forest'));

// Define a MODIS surface reflectance composite.
var modisSr = ee.ImageCollection('MODIS/006/MOD09A1')
                  .filter(ee.Filter.date('2018-06-01', '2018-09-01'))
                  .select('sur_refl_b0[0-7]')
                  .mean();

// Reduce MODIS reflectance bands by forest region; get a dictionary with
// band names as keys, pixel values as lists.
var pixelVals = modisSr.reduceRegion(
    {reducer: ee.Reducer.toList(), geometry: forest.geometry(), scale: 2000});

// Convert NIR and SWIR value lists to an array to be plotted along the y-axis.
var yValues = pixelVals.toArray(['sur_refl_b02', 'sur_refl_b06']);

// Get the red band value list; to be plotted along the x-axis.
var xValues = ee.List(pixelVals.get('sur_refl_b01'));

// Define the chart and print it to the console.
var chart = ui.Chart.array.values({array: yValues, axis: 1, xLabels: xValues})
                .setSeriesNames(['NIR', 'SWIR'])
                .setOptions({
                  title: 'Relationship Among Spectral Bands for Forest Pixels',
                  colors: ['1d6b99', 'cf513e'],
                  pointSize: 4,
                  dataOpacity: 0.4,
                  hAxis: {
                    'title': 'Red reflectance (x1e4)',
                    titleTextStyle: {italic: false, bold: true}
                  },
                  vAxis: {
                    'title': 'Reflectance (x1e4)',
                    titleTextStyle: {italic: false, bold: true}
                  }
                });
print(chart);

Grafico a dispersione per la regione ee.List

È possibile tracciare due oggetti elenco utilizzando la funzione ui.Chart.array.values. Basandosi sull'esempio precedente, gli elenchi di valori degli assi x e y che rappresentano la riflettanza rossa e SWIR vengono visualizzati come grafico a dispersione.

Editor di codice (JavaScript)

// Get Red and SWIR value lists; to be plotted along x and y axes, respectively.
// Note that the pixelVals object is defined in the previous code block.
var x = ee.List(pixelVals.get('sur_refl_b01'));
var y = ee.List(pixelVals.get('sur_refl_b06'));

// Define the chart and print it to the console.
var chart = ui.Chart.array.values({array: y, axis: 0, xLabels: x}).setOptions({
  title: 'Relationship Among Spectral Bands for Forest Pixels',
  colors: ['cf513e'],
  hAxis: {
    title: 'Red reflectance (x1e4)',
    titleTextStyle: {italic: false, bold: true}
  },
  vAxis: {
    title: 'SWIR reflectance (x1e4)',
    titleTextStyle: {italic: false, bold: true}
  },
  pointSize: 4,
  dataOpacity: 0.4,
  legend: {position: 'none'},
});
print(chart);

ee.List grafico a linee del transect

La riduzione della regione dell'immagine per ee.Reducer.toList() produce un dizionario di elenchi di valori dei pixel, uno per ogni banda dell'immagine. Se la regione è una linea, come in questo caso, è possibile generare un transect geografico quando le bande di latitudine e longitudine sono incluse come bande nell'immagine di interesse. Qui, gli elenchi dei valori dei pixel di longitudine e altitudine lungo la linea del transect vengono estratti come variabili separate e tracciati rispettivamente sugli assi x e y.

Editor di codice (JavaScript)

// Define a line across the Olympic Peninsula, USA.
var transect = ee.Geometry.LineString([[-122.8, 47.8], [-124.5, 47.8]]);

// Define a pixel coordinate image.
var latLonImg = ee.Image.pixelLonLat();

// Import a digital surface model and add latitude and longitude bands.
var elevImg =
    ee.Image('NASA/NASADEM_HGT/001').select('elevation').addBands(latLonImg);

// Reduce elevation and coordinate bands by transect line; get a dictionary with
// band names as keys, pixel values as lists.
var elevTransect = elevImg.reduceRegion({
  reducer: ee.Reducer.toList(),
  geometry: transect,
  scale: 1000,
});

// Get longitude and elevation value lists from the reduction dictionary.
var lon = ee.List(elevTransect.get('longitude'));
var elev = ee.List(elevTransect.get('elevation'));

// Sort the longitude and elevation values by ascending longitude.
var lonSort = lon.sort(lon);
var elevSort = elev.sort(lon);

// Define the chart and print it to the console.
var chart = ui.Chart.array.values({array: elevSort, axis: 0, xLabels: lonSort})
                .setOptions({
                  title: 'Elevation Profile Across Longitude',
                  hAxis: {
                    title: 'Longitude',
                    viewWindow: {min: -124.50, max: -122.8},
                    titleTextStyle: {italic: false, bold: true}
                  },
                  vAxis: {
                    title: 'Elevation (m)',
                    titleTextStyle: {italic: false, bold: true}
                  },
                  colors: ['1d6b99'],
                  lineSize: 5,
                  pointSize: 0,
                  legend: {position: 'none'}
                });
print(chart);

Applica .setChartType('AreaChart') per aggiungere l'ombreggiatura sotto la riga:

print(chart.setChartType('AreaChart'));

ee.List grafico a dispersione dei metadati

La riduzione delle proprietà della raccolta tramite ee.Reducer.toList() produce un dizionario di elenchi di valori delle proprietà, uno per ogni proprietà selezionata. Qui, gli elenchi di proprietà della copertura nuvolosa e dell'errore quadratico medio geometrico vengono generati da un insieme di immagini Landsat 8 come variabili separate. La variabile di copertura nuvolosa viene tracciata sull'asse x e l'RMSE geometrico sull'asse y.

Editor di codice (JavaScript)

// Import a Landsat 8 collection and filter to a single path/row.
var col = ee.ImageCollection('LANDSAT/LC08/C02/T1_L2')
              .filter(ee.Filter.expression('WRS_PATH ==  45 && WRS_ROW == 30'));

// Reduce image properties to a series of lists; one for each selected property.
var propVals = col.reduceColumns({
                    reducer: ee.Reducer.toList().repeat(2),
                    selectors: ['CLOUD_COVER', 'GEOMETRIC_RMSE_MODEL']
                  })
                   .get('list');

// Get selected image property value lists; to be plotted along x and y axes.
var x = ee.List(ee.List(propVals).get(0));
var y = ee.List(ee.List(propVals).get(1));

// Define the chart and print it to the console.
var chart = ui.Chart.array.values({array: y, axis: 0, xLabels: x})
                .setChartType('ScatterChart')
                .setOptions({
                  title: 'Landsat 8 Image Collection Metadata (045030)',
                  colors: ['96356f'],
                  hAxis: {
                    title: 'Cloud cover (%)',
                    titleTextStyle: {italic: false, bold: true}
                  },
                  vAxis: {
                    title: 'Geometric RMSE (m)',
                    titleTextStyle: {italic: false, bold: true}
                  },
                  pointSize: 5,
                  dataOpacity: 0.6,
                  legend: {position: 'none'},
                });
print(chart);

ee.List grafico a dispersione e grafico a linee della funzione mappata

Mappa una funzione su un elenco di valori x per calcolare un elenco corrispondente di valori y. Qui, la funzione sin() viene mappata su un elenco di valori dell'asse x per produrre un elenco corrispondente di valori dell'asse y. Un esempio di onda sinusoidale viene visualizzato quando vengono tracciati gli elenchi x e y.

Editor di codice (JavaScript)

// Define a sequence from -2pi to +2pi in 50 increments.
var start = -2 * Math.PI;
var end = 2 * Math.PI;
var points = ee.List.sequence(start, end, null, 50);

// Evaluate the sin() function for each value in the points sequence.
var values = points.map(function(val) {
  return ee.Number(val).sin();
});

// Define the chart and print it to the console.
var chart = ui.Chart.array.values({array: values, axis: 0, xLabels: points})
                .setOptions({
                  title: 'Sine Function',
                  hAxis: {
                    title: 'radians',
                    viewWindowMode: 'maximized',
                    ticks: [
                      {v: start, f: '-2π'},
                      {v: -Math.PI, f: '-π'},
                      {v: 0, f: '0'},
                      {v: Math.PI, f: 'π'},
                      {v: end, f: '2π'}
                    ],
                    titleTextStyle: {italic: false, bold: true}
                  },
                  vAxis: {
                    title: 'sin(x)',
                    titleTextStyle: {italic: false, bold: true}
                  },
                  colors: ['39a8a7'],
                  lineWidth: 3,
                  pointSize: 7,
                  viewWindow: {min: start, max: end},
                  legend: {position: 'none'}
                });
print(chart);