El SDK de JavaScript para la inserción de Charts te permite resaltar programáticamente elementos específicos y eventos en las gráficas integradas y en las gráficas dentro de tableros integrados.
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 SDK de JavaScript para incrustar Charts permite resaltar tiene la siguiente sintaxis:
charts.setHighlight(selectionFilter);
Nota
Si desea resaltar gráficos dentro de un tablero integrado, primero ejecute el siguiente método para recuperar un gráfico específico de la instancia del tablero:
dashboard.getChart('<chartID>');
La setHighlight el método toma un MQL filter. Puedes proporcionar el filtro MQL directamente al método setHighlight, como se muestra en el ejemplo a continuación, o a través de la carga útil del evento de clic selectionFilter para resaltar elementos específicos y eventos de clic.
Ejemplo
chart.setHighlight( { city: { $nin: ['New York', 'London', 'Paris'] } } )
La selectionFilter debe coincidir con los valores utilizados en el canal de categoría o serie de la gráfica.
El SDK de JavaScript para incrustación de Charts también incluye la opción highlight para recuperar la query de resaltado:
const highlight = chart.getHighlight();
La opción highlight toma un parámetro de un objeto Javascript que representa un filtro MQL. Puedes configurar la opción highlight cuando creas una gráfica o después de que se renderice una gráfica.
Puedes incluir los siguientes elementos de consulta:
$eq (igualdad) coincidencia exacta para todos los tipos de gráficos compatibles.
$in para todos los tipos de gráficas compatibles.
$nin verificación para Charts de líneas y áreas, Charts de columnas y barras, y mapa de calorno 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 $gt, $gte, $lt y $lte abre un rango en el eje X para gráficas de líneas y áreascontinuas.
Tipos de gráficas
Los siguientes tipos de gráficas admiten el resaltado programático: