当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


JavaScript ArcGIS ColorSizeSlider segment-drag事件用法及代码示例


基本信息

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

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

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

类: esri/widgets/smartMapping/ColorSizeSlider

继承: ColorSizeSlider > SmartMappingSliderBase > Widget > Accessor

自从:用于 JavaScript 4.12 的 ArcGIS API

用法说明

ColorSizeSlider segment-drag事件的定义如下:

segment-drag inherited


自从:ArcGIS 适用于 JavaScript 4.20 的 API

当用户拖动滑块的一部分时触发。线段是轨道中位于两个拇指之间的部分。仅当 visibleElements.interactiveTrack 为 true 时才适用。

属性:

类型说明
index Number

滑块中段的从 1 开始的索引。

state String

拖动的状态。

可能的值"start"|"drag"

type String

事件的类型。

值永远是"segment-drag".

thumbIndices Number[]

片段每一端的拇指索引。

例子:

slider.on("segment-drag", () => {
  const renderer = layer.renderer.clone();
  const visualVariable = renderer.visualVariables[0].clone();
  colorVariable.stops = slider.stops;
  renderer.visualVariables = [ visualVariable ];
  layer.renderer = renderer;
});

相关用法


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