JavaScript ArcGIS Legend.style用法及代码示例

基本信息

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

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

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

类： esri/widgets/Legend

继承: Legend > Widget > Accessor

自从：用于 JavaScript 4.0 的 ArcGIS API

用法说明

Legend.style函数(或属性)的定义如下：

style Object | String

自从：ArcGIS 适用于 JavaScript 4.7 的 API

指示图例的样式。样式决定了图例的布局和行为。您可以指定一个字符串或一个对象来指示样式。已知字符串值与 type 属性内的表中列出的值相同。

属性：

类型说明

type String

指定图例的样式。下表列出了两个可能的值：

值	说明
classic	图例具有纵向方向。当图例的内容中包含许多元素时，用户可以垂直滚动。
card	在宽视图中，图例具有横向方向，允许用户水平滚动以查看所有图例元素。这种风格可以是响应式的，非常适合移动 Web 应用程序。在较小的视图中，图例会折叠以占用更少的空间。 card-style 布局中一次显示一个元素，用户可以水平导航。

可能的值："classic"|"card"

layout String

可选的

默认值：堆

当指定 card 类型时，您可以指定以下布局选项之一。

值	说明
auto	此布局是响应式的，因此在宽视图中，图例具有 `side-by-side` 布局，在较小(移动)视图中具有 `stack` 布局。
并排	图例具有横向方向，允许用户水平滚动以一次查看多个图例卡。
stack	图例卡片是堆叠的，这样可以节省空间，但会限制用户一次只能看到一张卡片。

可能的值："auto"|"side-by-side"|"stack"

默认值：classic

例子：

// renders the legend in the card style with a "stack" layout
legend.style = "card";

// renders the legend in the card style with a responsive
// layout that toggles between "stack" and "side-by-side"
legend.style = {
  type: "card",
  layout: "auto"
};

// renders the legend in the classic layout
legend.style = "classic";

相关用法

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