-
fromRendererResult
(rendererResult, histogramResult)
{SizeSlider}
static
用於從createContinuousRenderer 方法的result 創建SizeSlider 小部件實例的便捷函數。
此方法設置滑塊停止點、最小值、最大值和 histogramConfig。為其分配適當的容器和任何其他可選屬性仍然是開發人員的責任。
參數:
類型 說明 rendererResult ContinuousRendererResultcreateContinuousRenderer 方法的結果對象。
histogramResult HistogramResult可選的 histogram 方法的結果直方圖對象。
返回:
類型 說明 SizeSlider 返回 SizeSlider 實例。在您為它分配一個有效的容器之前,它不會呈現。 例子:
const params = { layer: layer, basemap: map.basemap, field: "POP_POVERTY" }; let rendererResult = null; sizeRendererCreator .createContinuousRenderer(colorParams) .then(function(response) { rendererResult = response; layer.renderer = response.renderer; return histogram({ layer: layer, valueExpression: params.field, numBins: 30 }); }) .then(function(histogramResult) { const sizeSlider = SizeSlider.fromRendererResult(rendererResult, histogramResult); sizeSlider.container = "slider"; // when the user slides the handle(s), update the renderer // with the updated size properties sizeSlider.on(["thumb-change", "thumb-drag"], function() { const renderer = layer.renderer.clone(); const sizeVariable = renderer.visualVariables[0]; renderer.visualVariables = [ sizeSlider.updateVisualVariable( sizeVariable ) ]; layer.renderer = renderer; }); }) .catch(function(error) { console.log("there was an error: ", error); });
基本信息
以下是所在類或對象的基本信息。
AMD:
require(["esri/widgets/smartMapping/SizeSlider"], (SizeSlider) => { /* code goes here */ });
ESM:
import SizeSlider from "@arcgis/core/widgets/smartMapping/SizeSlider";
類:
esri/widgets/smartMapping/SizeSlider
繼承: SizeSlider > SmartMappingSliderBase > Widget > Accessor
自從:用於 JavaScript 4.12 的 ArcGIS API
用法說明
SizeSlider.fromRendererResult
函數(或屬性)的定義如下:
相關用法
- JavaScript ArcGIS SizeSlider.zoomOptions用法及代碼示例
- JavaScript ArcGIS SizeSlider.visible用法及代碼示例
- JavaScript ArcGIS SizeSlider.updateVisualVariable用法及代碼示例
- JavaScript ArcGIS SizeSlider.container用法及代碼示例
- JavaScript ArcGIS SizeSlider.stops用法及代碼示例
- JavaScript ArcGIS SizeSlider.labelFormatFunction用法及代碼示例
- JavaScript ArcGIS SizeSlider.syncedSegmentsEnabled用法及代碼示例
- JavaScript ArcGIS SizeSlider.persistSizeRangeEnabled用法及代碼示例
- JavaScript ArcGIS SizeSlider.when用法及代碼示例
- JavaScript ArcGIS SizeSlider.classes用法及代碼示例
- JavaScript ArcGIS SizeSlider.on用法及代碼示例
- JavaScript ArcGIS SizeSlider.max用法及代碼示例
- JavaScript ArcGIS SizeSlider.inputParseFunction用法及代碼示例
- JavaScript ArcGIS SizeSlider.primaryHandleEnabled用法及代碼示例
- JavaScript ArcGIS SizeSlider.inputFormatFunction用法及代碼示例
- JavaScript ArcGIS SizeSlider.min用法及代碼示例
- JavaScript ArcGIS SizeSlider.histogramConfig用法及代碼示例
- JavaScript ArcGIS SizeSlider.updateFromRendererResult用法及代碼示例
- JavaScript ArcGIS SizeSlider.handlesSyncedToPrimary用法及代碼示例
- JavaScript ArcGIS SizeSlider.precision用法及代碼示例
- JavaScript ArcGIS SizeSlider.style用法及代碼示例
- JavaScript ArcGIS SizeSlider.visibleElements用法及代碼示例
- JavaScript ArcGIS SizeSlider segment-drag事件用法及代碼示例
- JavaScript ArcGIS SizeSlider min-change事件用法及代碼示例
- JavaScript ArcGIS SizeSlider thumb-change事件用法及代碼示例
注:本文由純淨天空篩選整理自arcgis.com大神的英文原創作品 SizeSlider.fromRendererResult。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。