Estoy haciendo una barra apilada que se parece a lo siguiente:
Los espacios que ve entre cada barra son barras de tamaño estático que son del color del fondo. Los usé porque no pude averiguar cómo agregar un espacio entre barras en chart.js. Estoy tratando de averiguar cómo ocultar la información sobre herramientas para las barras grises de tamaño estático. A partir de ahora, mi código muestra una información sobre herramientas negra que se congela hasta que actualizo la página cuando paso el mouse sobre una barra gris. Aquí está el código para ocultarlo hasta ahora:
filter: function(tooltipItem) { return tooltipItem.dataset.backgroundColor[0] !== "#f5f5f5"; // if (tooltipItem.dataset.backgroundColor[0] == "#f5f5f5") { // return false; // } // console.log(tooltipItem.dataset.backgroundColor); // return true; }Descubrí cómo hacer que esto funcione. Oculté las etiquetas según el color de fondo de una barra.