當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


JavaScript ArcGIS TimeSlider.mode用法及代碼示例

基本信息

以下是所在類或對象的基本信息。

AMD: require(["esri/widgets/TimeSlider"], (TimeSlider) => { /* code goes here */ });

ESM: import TimeSlider from "@arcgis/core/widgets/TimeSlider";

類: esri/widgets/TimeSlider

繼承: TimeSlider > Widget > Accessor

自從:用於 JavaScript 4.12 的 ArcGIS API

用法說明

TimeSlider.mode函數(或屬性)的定義如下:

mode String


時間滑塊模式。此屬性用於定義時態數據是否將累積顯示到某個時間點、單個瞬間或某個時間範圍內。有關可能的值,請參見下表。

可能的值 說明 示例
instant 滑塊將顯示落在單個時間實例上的時間數據。將 timeExtent 屬性的 startend 日期設置為同一日期:{start: sameDate, end: sameDate} mode-instance
time-window 滑塊將顯示給定時間範圍內的時間數據。這是默認設置。將 timeExtent 屬性的 startdate 屬性設置為所需的日期。 mode-instance
cumulative-from-start time-window 類似,開始時間始終固定在滑塊的開頭。將 timeExtent 屬性的 start 日期設置為 null,並將 end 日期設置為所需日期:{start: null, end: date} mode-instance
cumulative-from-end 此外,類似於 time-window,結束時間固定在滑塊的末尾。將 timeExtent 屬性的 start 日期設置為所需日期,並將 end 日期設置為 null : {start: date, end: null} mode-instance

可能的值"instant"|"time-window"|"cumulative-from-start"|"cumulative-from-end"

默認值:"time-window"

例子:

// Create a single thumbed time slider that includes all historic content.
const timeSlider = new TimeSlider({
  container: "timeSliderDiv",
  view: view,
  mode: "cumulative-from-start",
  fullTimeExtent: {
    start: new Date(2000, 0, 1),
    end: new Date(2010, 0, 1)
  },
  timeExtent: {
    start: null,
    end: new Date(2001, 0, 1) //end date
  }
});

相關用法


注:本文由純淨天空篩選整理自arcgis.com大神的英文原創作品 TimeSlider.mode。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。