Docs 菜单
Docs 主页
/
Atlas 图表
/
内嵌
/
嵌入式 SDK

突出显示图表元素

在此页面上

  • 先决条件
  • 语法
  • 图表类型

Charts Embedding JavaScript SDK 使您能够以编程方式突出显示嵌入式图表和 嵌入式仪表盘 内图表上的特定元素和 点击事件 。

先决条件

开始之前，请安装2.1.0 版本 或更高版本的 Charts Embedding JavaScript SDK。

语法

用于启用突出显示的 Charts Embedding JavaScript SDK 方法采用以下语法：

charts.setHighlight(selectionFilter);

注意

如果要在嵌入式仪表盘中突出显示Atlas Charts，请先运行以下方法，从仪表盘实例中检索特定Atlas Charts：

dashboard.getChart('<chartID>');

setHighlight方法采用 MQL筛选器。 您可以将 MQL 筛选器直接提供给setHighlight方法（如下例所示），或通过点击事件有效负载selectionFilter提供 MQL 筛选器，以突出显示特定元素和点击事件。

例子

chart.setHighlight(
  {
    city: { $nin: ['New York', 'London', 'Paris'] }
  }
)

selectionFilter必须与图表类别或系列渠道上使用的值匹配。

Charts Embedding JavaScript SDK 还包括用于检索重点查询的highlight选项：

const highlight = chart.getHighlight();

highlight选项采用代表MQL筛选器的 Javascript 对象参数。 您可以在创建图表时或图表呈现后设置highlight选项。

您可以包含以下查询元素：

  • $eq（相等）匹配所有支持的图表类型。

  • $in适用于所有支持的图表类型。

  • $nin检查折线图和面积Charts、Charts和条形图以及非地理热图。

  • $gte和$lt闭合范围，用于匹配折线图和面积Charts、Charts和条形图以及非地理热图指定范围内的数字或日期分箱。

  • $gt 、 $gte 、 $lt和$lte的任意组合在连续折线图和面积Charts的 X 轴上打开范围。

图表类型

以下图表类型支持编程突出显示：

后退

处理单击事件

来年

Tutorials