Tengo un problema al mostrar información sobre herramientas flotante con el gráfico de líneas de ECharts cuando todos los valores de entrada del gráfico son null .
El caso de uso es un gráfico que puede tener algunos valores nulos/indefinidos en ciertos momentos. Para valores normales, el gráfico mostraría la información sobre herramientas como de costumbre. Siempre que el valor del gráfico sea null o undefined , quiero que el gráfico aún muestre la información sobre herramientas flotante pero con un formato personalizado, por ejemplo, 'N/A'.
El fragmento de código de ejemplo es una configuración de EChart simple que tomé de los ejemplos de gráficos de líneas de EChart y cambié los datos de entrada a null .
const container = document.getElementById("main"); const chart = echarts.init(container); const options = { tooltip: { trigger: "axis", axisPointer: { type: "shadow", label: { show: true, overflow: "break" } } }, xAxis: { type: "category", data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: [ { type: "value", }, ], series: [ { type: "line", data: [null, null, null, null, null, null, null], } ] }; chart.setOption(options, true); #main { width: 600px; height: 200px; } <html> <body> <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.2.0/echarts.min.js"></script> <div id="main"></div> </body> </html> Desafortunadamente, ECharts no muestra ninguna información sobre herramientas cuando todos los valores de entrada son null (o undefined ). Solo se mostrará cuando al menos una de las entradas no sea null ni undefined .
¿Cómo puedo obligar a ECharts a mostrar la información sobre herramientas independientemente para poder mostrar el formato personalizado?
MWE con todos los valores nulos: https://codepen.io/htr3n/pen/bGRvyJJ
MWE con al menos un valor no nulo: https://codepen.io/htr3n/pen/JjJLQYr
Esto es en realidad un error en ECharts 5.2 y versiones anteriores. Abrí un ticket con el equipo de ECharts y arreglarán y publicarán la corrección en v5.3.0.
Boleto de error relevante: