JavaScript ArcGIS ColorSlider.fromRendererResult用法及代码示例

基本信息

以下是所在类或对象的基本信息。

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

ESM: import ColorSlider from "@arcgis/core/widgets/smartMapping/ColorSlider";

类： esri/widgets/smartMapping/ColorSlider

继承: ColorSlider > SmartMappingSliderBase > Widget > Accessor

自从：用于 JavaScript 4.12 的 ArcGIS API

用法说明

ColorSlider.fromRendererResult函数(或属性)的定义如下：

fromRendererResult (rendererResult, histogramResult) {ColorSlider} static

用于从createContinuousRenderer 方法的result 创建ColorSlider 小部件实例的便捷函数。

此方法设置滑块停止点、最小值、最大值和 histogramConfig。为其分配适当的容器和任何其他可选属性(例如primaryHandleEnabled)仍然是开发人员的责任。

参数：

类型	说明
rendererResult ContinuousRendererResult	createContinuousRenderer 方法的结果对象。
histogramResult HistogramResult	可选的 histogram 方法的结果直方图对象。

类型	说明
ColorSlider	返回 ColorSlider 实例。在您为它分配一个有效的容器之前，它不会呈现。

例子：

const colorParams = {
  layer: layer,
  basemap: map.basemap,
  valueExpression: "( $feature.POP_POVERTY / $feature.TOTPOP_CY ) * 100",
  view: view,
  theme: "above-and-below"
};

let rendererResult = null;

colorRendererCreator
  .createContinuousRenderer(colorParams)
  .then(function(response) {
    rendererResult = response;
    layer.renderer = response.renderer;

    return histogram({
      layer: layer,
      valueExpression: colorParams.valueExpression,
      view: view,
      numBins: 70
    });
  })
   .then(function(histogramResult) {

     const colorSlider = ColorSlider.fromRendererResult(rendererResult, histogramResult);
     colorSlider.container = "slider";
     colorSlider.primaryHandleEnabled = true;

     // when the user slides the handle(s), update the renderer
     // with the updated color stops

     colorSlider.on(["thumb-change", "thumb-drag"], function() {
       const renderer = layer.renderer.clone();
       const colorVariable = renderer.visualVariables[0].clone();
       colorVariable.stops = colorSlider.stops;
       renderer.visualVariables = [ colorVariable ];
       layer.renderer = renderer;
     });
   })
   .catch(function(error) {
     console.log("there was an error: ", error);
   });

相关用法

注：本文由纯净天空筛选整理自arcgis.com大神的英文原创作品 ColorSlider.fromRendererResult。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。

基本信息

用法说明

参数：

返回：

例子：