本文分享绘制研究区长时间序列数据集的折线图,x轴表示时间,y轴表示各波段的均值。
并以交互的形式当用户在折线图上点击某天数据并显示出该日期的影像。
//绘制感兴趣研究区
var sanFrancisco =
ee.Geometry.Rectangle(-122.45, 37.74, -122.4, 37.8);
//选择Landsat8大气顶层反射率影像按时间选择影像,选择波段
var landsat8Toa = ee.ImageCollection('LANDSAT/LC08/C01/T1_TOA')
.filterDate('2015-12-25', '2016-12-25')
.select('B[1-7]');
// 创建一个时间序列的图表
var chart = ui.Chart.image.series({
imageCollection: landsat8Toa,
region: sanFrancisco,
reducer: ee.Reducer.mean(),//设置y坐标值为波段均值
scale: 200
});
// 将图表绘制在地图上
chart.style().set({
position: 'bottom-right',
width: '500px',
height: '300px'
});
Map.add(chart);
// 创建一个与用户交互的研究区
var sfLayer = ui.Map.Layer(sanFrancisco, {color: 'FF0000'}, 'SF');
Map.layers().add(sfLayer);
Map.setCenter(-122.47, 37.7, 9);
// 用户与地图进行交互式显示的内容
var label = ui.Label('Click a point on the chart to show the image for that date.');
Map.add(label);
//单击图表更新地图
chart.onClick(function(xValue, yValue, seriesName) {
if (!xValue) return;
// 显示单击日期的影像
var equalDate = ee.Filter.equals('system:time_start', xValue);
//筛选出单击选中的影像
var image = ee.Image(landsat8Toa.filter(equalDate).first());
//以交互形式显示在地图中
var l8Layer = ui.Map.Layer(image, {
gamma: 1.3,
min: 0,
max: 0.3,
bands: ['B4', 'B3', 'B2']
});
Map.layers().reset([l8Layer, sfLayer]);
// 在地图上显示影像日期
label.setValue((new Date(xValue)).toUTCString());
});
代码运行结果