echarts------Cómo utilizar el formateador de información sobre herramientas

El formateador de información sobre herramientas es un formateador de contenido de capa flotante de cuadro de aviso que admite dos formas: plantilla de cadena y función de devolución de llamada.

1. Plantilla de cadena

Las variables de plantilla incluyen ?{a}, ?{b}, {c}, {d}, {e}, que representan el nombre de la serie y datos respectivamente. Cuando el disparador es "eje", habrá varias series de datos. En este momento, la serie se puede representar agregando un índice al final: índice {a0}, {a1}, {a2}. ?{a}, {b}, {c}, {d}? bajo diferentes tipos de gráficos tienen diferentes significados. Entre ellas, las variables {a}, ?{b}, ?{c}, ?{d} representan datos en diferentes tipos de gráficos. Los significados son:

Gráfico de líneas (área), columna (barras). ) gráfico, gráfico de líneas K: ?{a} (nombre de la serie), {b} (valor de categoría), {c} (valor), ?{d} (ninguno)

Gráfico de dispersión (burbuja ) gráfico: ?{a} (nombre de la serie), {b} (nombre de datos), {c} (matriz numérica), ?{d} (ninguno)

Mapa: ?{a} (serie nombre), {b} (nombre del área), {c} (valor combinado), ?{d} (ninguno)

Gráfico circular, panel, gráfico de embudo: ?{a} (nombre de la serie), { b} (nombre del elemento de datos), {c} (valor), ?{d} (porcentaje)

formateador: '{b0}: {c0}lt; { c1}'

2. Función de devolución de llamada

Formato de la función de devolución de llamada:

(parámetros: Objeto|Matriz, ticket: cadena, devolución de llamada: (ticket: cadena , html: string)) =gt; HTMLElement | HTMLElement[]

Admite la devolución de cadenas HTML o instancias DOM creadas.

El primer parámetro?params?es el conjunto de datos requerido por el formateador. El formato es el siguiente:

{

componenteType: 'series',

// Tipo de serie

seriesType: string,

// El índice de la serie en la opción pasada.series

seriesIndex: número,

// Nombre de la serie

seriesName: string,

//Nombre de datos, nombre de categoría

name: string,

//El índice de los datos en la matriz de datos entrante

dataIndex: número,

// El elemento de datos original pasado

datos: Objeto,

// El valor de datos pasado. En la mayoría de las series es lo mismo que los datos. En algunas series, es un componente de datos (como mapas y radares)

valor: número|Matriz|Objeto,

// El eje de coordenadas codifica la información de mapeo,

// la clave es el eje de coordenadas (como 'x' 'y' 'radio' 'ángulo', etc.)

// el valor debe ser una matriz y no será nulo/ indiscutible, indicando índice de dimensión.

// Su contenido es el siguiente:

// {

// x: [2] // Los datos con índice de dimensión 2 se asignan al eje x

// y: [0]

?// Los datos con índice de dimensión 0 se asignan al eje y

// }

encode: Objeto,

// Lista de nombres de dimensiones

dimensionNames: Array,

// Dimensiones de datos

?índice, como 0 o 1 o 2...

// Solo se usa en cartas de radar.

dimensionIndex: número,

// Color de los gráficos de datos

color: cadena,

// Porcentaje del gráfico circular p>

porcentaje: número,

}

Para más detalles, consulte (echarts------tool--formatter)