El SDK de JavaScript para incrustar gráficos le permite resaltar mediante programación elementos específicos y eventos en los que se hizo clicen gráficos incrustados y gráficos dentro de paneles incrustados.
Requisitos previos
Antes de comenzar, instala la versión 2.1.0 o versiones posteriores del SDK de JavaScript Embedding de Charts.
Sintaxis
El método del SDK de JavaScript para incrustar gráficos para habilitar el resaltado tiene la siguiente sintaxis:
charts.setHighlight(selectionFilter);
Nota
Si desea resaltar gráficos dentro de un panel integrado, primero ejecute el siguiente método para recuperar un gráfico específico de la instancia del panel:
dashboard.getChart('<chartID>');
El setHighlight El método toma un Filtro MQL. Puede proporcionar el filtro MQL directamente al setHighlight método, como se muestra en el ejemplo a continuación, o mediante la carga útil del selectionFilter evento de clic para resaltar elementos y eventos de clic específicos.
Ejemplo
chart.setHighlight( { city: { $nin: ['New York', 'London', 'Paris'] } } )
El selectionFilter debe coincidir con los valores utilizados en el canal de categoría o serie del gráfico.
El SDK de JavaScript para incrustar gráficos también incluye la opción highlight para recuperar la consulta resaltada:
const highlight = chart.getHighlight();
La highlight opción toma un parámetro de un objeto Javascript que representa un filtro MQL. Puede configurar la highlight opción al crear un gráfico o después de su representación.
Puede incluir los siguientes elementos de consulta:
Coincidencia de $eq (igualdad) para todos los tipos de gráficos admitidos.
$in para todos los tipos de gráficos admitidos.
$nin verifica gráficos de líneas y áreas, gráficos de columnas y barras y mapas de calor no geográficos.
$gte y $lt cerraron el rango para hacer coincidir los contenedores de números o fechas dentro del rango especificado para gráficosde líneas y áreas, gráficos de columnas y barras, y mapas de calor no geográficos.
Cualquier combinación de rango abierto $gt, $gte, $lt y $lte en el eje X para gráficos de líneas y áreas continuas.
Tipos de gráficos
Los siguientes tipos de gráficos admiten el resaltado programático: