Lenguaje de expresiones JSON para Highcharts

Expresiones aritméticas admitidas

Puede utilizar estas expresiones aritméticas con el lenguaje de expresiones JSON:

Operaciones con matrices compatibles

• map: aplica una función de asignación a cada elemento de una matriz y devuelve una nueva matriz con los valores transformados.

  Por ejemplo, ["map", [1, 2, 3], ["*", ["item"], 2]] asigna cada elemento de la matriz [1, 2, 3] multiplicándolo por 2.

• filter: filtra una matriz basándose en una condición dada y devuelve una nueva matriz que contiene sólo los elementos que cumplen la condición.

  Por ejemplo, ["filter", [1, 2, 3, 4, 5], ["==", ["%", ["item"], 2], 0]] filtra la matriz [1, 2, 3, 4, 5] para incluir solo los números pares.

• reduce: reduce una matriz a un único valor aplicando una función reductora a cada elemento y acumulando el resultado.

  Por ejemplo, ["reduce", [1, 2, 3, 4, 5], ["+", ["acc"], ["item"]], 0] reduce la matriz [1, 2, 3, 4, 5] a la suma de sus elementos.

• get: recupera un valor de un objeto o una matriz especificando una clave o un índice.

  Por ejemplo, ["get", ["item"], "name"] recupera el valor de la propiedad "name " del elemento actual.

• unique: devuelve solo elementos únicos dentro de una matriz.

  Por ejemplo, ["unique", [1, 2, 2]] devuelve [1, 2].

Expresiones personalizadas

Puede utilizar expresiones personalizadas para mejorar la funcionalidad de los elementos visuales de Highcharts.

getColumn

Utilice la expresión getColumn para devolver valores de los índices de columna especificados. Por ejemplo, esta tabla muestra una lista de ubicaciones y la productividad de las respectivas impresoras:

Nombre de la ubicación	Productividad de la impresora
Ubicación A	100
Ubicación B	50
Ubicación C	75

Esta consulta getColumn genera una matriz que muestra todos los nombres de ubicación junto con la productividad de las respectivas impresoras:

{
	location name: ["getColumn", 0], 
	printer throughput: ["getColumn", 1]
}

Salida:

{
	location name: ["Location A", "Location B", "Location C"],
	printer throughput: [100, 50, 75]
}

También puede proporcionar varias columnas a la vez para generar una matriz de matrices, como se muestra en este ejemplo:

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

Salida:

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

De forma similar a getColumn, estas expresiones se pueden utilizar para devolver valores de columna de contenedores de campo o temas:

• getColumnFromGroupBy devuelve columnas del campo Agrupar por. El segundo argumento es el índice de la columna a devolver. Por ejemplo, ["getColumnFromGroupBy", 0] devuelve los valores del primer campo como una matriz. Puede proporcionar varios índices para obtener una matriz de matrices donde cada elemento corresponde al campo del contenedor del campo Agrupar por.
• getColumnFromValue devuelve las columnas del contenedor del campo Valor. Puede proporcionar varios índices para obtener una matriz de matrices donde cada elemento corresponde al campo del contenedor del campo Valor.
• getColorTheme devuelve la paleta de colores actual de un tema, como se muestra en este ejemplo:

  {
  "color": ["getColorTheme"]
  }

formatValue

Utilice la expresión formatValue para aplicar formato a sus valores. Por ejemplo, esta expresión formatea la etiqueta del eje x con el valor de formato que se especifica en el primer campo de los contenedores de campo:

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