JavaScript ArcGIS Histogram用法及代碼示例

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

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

類： esri/widgets/Histogram

繼承: Histogram > Widget > Accessor

自從：用於 JavaScript 4.12 的 ArcGIS API

渲染直方圖，以基於表示數據桶或sub-ranges的箱來可視化數據集的分布。每個bin 由最小值和最大值以及總計數定義。

您可以使用 histogram 模塊生成底層直方圖的 bin。在這種情況下，您可以使用fromHistogramResult()輔助方法方便地從結果對象創建直方圖。

const params = {
  layer: povLayer,
  field: "POP_POVERTY",
  normalizationField: "TOTPOP_CY",
  numBins: 30
};

histogram(params)
  .then(function(histogramResult) {
     const histogram = Histogram.fromHistogramResult(histogramResult);
     histogram.container = "histogram";
  })
   .catch(function(error) {
     console.log("there was an error: ", error);
   });

該小部件的其他屬性允許在直方圖上顯示有意義的值，例如平均值和 dataLines 屬性。

有關此滑塊上可用的可配置選項的摘要，請參見下圖。

barCreatedFunction 屬性可用於根據與直方圖關聯的層的渲染器中的特征顏色來設置直方圖箱的樣式。