正在加载

编辑工作区

Elastic Stack Serverless

要创建您想要的外观，请将格式设置应用到整个工作区或单个元素。

当您经常使用复制和粘贴时，创建变量以轻松重用字符串和模式。 例如，当您克隆一个大型工作区并且需要将您的元素连接到新的索引时，使用变量来更新每个元素，而不是手动更新它们。

  1. 创建变量。

    1. 展开 变量 选项。
    2. 单击 添加变量。
    3. 指定变量选项，然后单击 保存更改。

  2. 应用变量。

    1. 复制变量。
    2. 选择要更改的元素，然后打开表达式编辑器。
    3. 粘贴变量。

例如，要更改一组图表的数据视图

  1. 指定变量选项。

    Variable syntax options

  2. 复制变量，然后将其应用到要在 表达式编辑器 中更新的每个元素。

    Copied variable syntax pasted in the Expression editor

使用样式表，您可以更改整个工作区的外观，包括字体、颜色、布局等。

要开始使用，请在 全局 CSS 覆盖 文本编辑器中输入要进行的更改，然后单击 应用样式表。

例如，要更改整个工作区的背景，请输入

.canvasPage {
background-color: #3990e6;
}

元素设置使您可以在元素级别更改显示选项。 例如，使用元素设置来更改元素的尺寸、样式或位置。

为您的元素选择显示选项。 可用选项取决于您选择的元素。

要更改元素显示选项，请单击 显示，然后在编辑器中进行更改。

要使用 CSS 覆盖

  1. 单击 元素样式 旁边的 +，然后选择 CSS。
  2. 在 CSS 文本编辑器中，输入要进行的更改，然后单击 应用样式表。

例如，要使元素居中，请输入

.canvasRenderEl h1 {
text.align: center;
}

要在多个位置使用具有相同功能和外观的元素，请克隆该元素。

选择元素，然后单击 编辑 > 克隆。

Canvas 为您提供了许多移动和调整工作区中元素大小的选项。

  • 要移动元素，请单击并按住该元素，然后拖动到新位置。
  • 要将元素移动 1 像素，请选择该元素，按住 Shift，然后使用箭头键。
  • 要将元素移动 10 像素，请选择该元素，然后使用箭头键。
  • 要调整元素大小，请单击并拖动调整大小手柄到新的尺寸。

元素编辑选项允许您排列和组织工作区页面上的元素。

要对齐两个或更多元素

  1. 按住 Shift，然后选择要对齐的元素。
  2. 单击 编辑 > 对齐，然后选择对齐选项。

要分布三个或更多元素

  1. 按住 Shift，然后选择要分布的元素。
  2. 单击 编辑 > 分布，然后选择分布选项。

要重新排序元素

  1. 选择要重新排序的元素。
  2. 单击 编辑 > 顺序，然后选择顺序选项。

当您不再需要某个元素时，将其从工作区中删除。

  1. 选择要删除的元素。
  2. 单击 编辑 > 删除。
© . All rights reserved.