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

基本信息

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

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.stops函數(或屬性)的定義如下：

stops StopsByDates | StopsByCount | StopsByInterval autocast 來自 Object

定義時間滑塊上的特定位置，當操作時拇指將捕捉到該位置。如果未指定，將添加十個均勻間隔的停靠點。

對於連續滑動，將 stops 設置為 null ：

timeSlider.stops = null;

要定義規則間隔的停止點，請分別使用類型為 TimeInterval 和 TimeExtent 的 interval 和 timeExtent 屬性解析對象。 timeExtent 屬性是可選的，用於將停靠點限製在特定日期範圍內。此屬性對於在一周或一個月的特定日期開始停止非常有用。如果按間隔定義的停靠點導致超過 10,000 個停靠點，則視圖模型將默認為 10 個均勻間隔的停靠點。

// Add yearly intervals starting from the beginning of the TimeSlider.
timeSlider.stops = {
  interval: {
    value: 1,
    unit: "years"
  }
};

除了將停靠點設置為時間間隔，TimeSlider 可以使用count 屬性劃分為均勻間隔的停靠點。與前麵的方法類似，可以使用可選的 timeExtent 屬性將劃分限製在特定的日期範圍內。

// Add stops at 15 evenly spaced intervals.
timeSlider.stops = {
  count: 15
};

對於不規則間隔的停靠點，隻需分配一個日期數組，如下所示。

// Add nine irregular stops.
timeSlider.stops = {
  dates: [
    new Date(2000, 0, 1), new Date(2001, 3, 8), new Date(2002, 0, 10),
    new Date(2003, 12, 8), new Date(2004, 2, 19), new Date(2005, 7, 5),
    new Date(2006, 9, 11), new Date(2007, 11, 21), new Date(2008, 1, 10)
  ]
};

最後，要通過計數或間隔來約束或偏移除法，請使用可選的 timeExtent 屬性。

// Add yearly stops from Christmas 2019 to Christmas 2029 only
timeSlider.stops = {
  interval: {
    value: 1,
    unit: "years"
  },
  timeExtent: {
    start: new Date(2019, 11, 25),
    end: new Date(2029, 11, 25)
  }
};

// Likewise, add stops that represent quarters of 2019 only.
timeSlider.stops = {
  count: 4,
  timeExtent: {
    start: new Date(2019, 0, 1),
    end: new Date(2020, 0, 1)
  }
};

默認值：{ count : 10 }

相關用法

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