Amazon 快速套件表达式 - Amazon Quick Suite

本文属于机器翻译版本。若本译文内容与英语原文存在差异,则一律以英文原文为准。

Amazon 快速套件表达式

Amazon Quick Suite 提供了其他表达式来增强 Highcharts 视觉效果的功能。使用以下各节详细了解 Highcharts 视觉效果的常用 Quick Suite 表达式。有关 Amazon Quick Suite 中的 JSON 表达式语言的更多信息,请参阅中的 DemoCentralHighcharts 视觉 QuickStart 指南

getColumn

使用 getColumn 表达式从指定的列索引返回值。例如,下表显示了产品列表及其类别和价格。

Product name 类别 Price

产品 A

Technology

100

产品 B

零售

50

产品 C

零售

75

以下 getColumn 查询生成一个数组,显示所有产品名称及其价格。

{ product name: ["getColumn", 0], price: ["getColumn", 2] }

返回以下 JSON:

{ product name: ["Product A", "Product B", "Product C"], price: [100, 50, 75] }

您还可以一次传递多个列来生成一组数组,如下例所示。

输入

{ values: ["getColumn", 0, 2] }

输出

{ values: [["Product A", 100], ["Product B", 50], ["Product C", 75]] }

getColumn 类似,以下表达式可用于从字段井或主题返回列值:

  • getColumnFromGroupBy 从分组依据字段返回列。第二个参数是要返回的列的索引。例如,["getColumnFromGroupBy", 0] 以数组形式返回第一个字段的值。您可以传递多个索引来获取一组数组,其中每个元素都与分组依据字段井中的字段对应。

  • getColumnFromValue 从值字段井返回列。您可以传递多个索引来获取一组数组,其中每个元素都与值字段井中的字段对应。

  • getColorTheme返回 Quick Suite 主题的当前调色板,如以下示例所示。

    { "color": ["getColorTheme"] }
    { "color": ["getPaletteColor", "secondaryBackground"] }

示例

getColumn 可以访问表中的任何列:

  • ["getColumn", 0] - 返回数组 [1, 2, 3, 4, 5, ...]

  • ["getColumn", 1] - 返回数组 [1, 1, 1, 1, 1, ...]

  • ["getColumn", 2] - 返回数组 [1674, 7425, 4371, ...]

getColumnFromGroupBy 的工作方式类似,但是其索引仅限于分组依据字段井中的列:

  • ["getColumnFromGroupBy", 0] - 返回数组 [1, 2, 3, 4, 5, ...]

  • ["getColumnFromGroupBy", 1] - 返回数组 [1, 1, 1, 1, 1, ...]

  • ["getColumnFromGroupBy", 2] - 不起作用,因为分组依据字段井中只有两列

getColumnFromValue 的工作方式类似,但是其索引仅限于值字段井中的列:

  • ["getColumnFromValue", 0] - 返回数组 [1, 2, 3, 4, 5, ...]

  • ["getColumnFromValue", 1] - 不起作用,因为值字段井中只有一列

  • ["getColumnFromValue", 2] - 不起作用,因为值字段井中只有一列

formatValue

使用formatValue表达式将 Quick Suite 格式应用于您的值。例如,以下表达式使用在 Quick Suite 字段井的第一个字段中指定的格式值来格式化 x 轴标签。

"xAxis": { "categories": ["getColumn", 0], "labels": { "formatter": ["formatValue", "value", 0] } }