javascript - Ocultar algunos elementos gráficos, c3js, sin descargar datos

d3.js charts

Question

¿Es posible ocultar ciertas líneas, barras y otros elementos gráficos de un gráfico c3js, sin descargar ni ocultar datos?

Deseo mantener esos datos en la información sobre herramientas pero ocultar algunos elementos gráficos. Desplácese sobre una barra y vea datos de otras barras ocultas.

Sé sobre el método hide - chart.hide([''data2'', ''data3'']); - pero esto también elimina los datos de la información sobre herramientas.

Mi pregunta no se trata en la documentación , parece.

Un problema similar en noviembre no fue resuelto.

No tengo ningún código en este momento, solo busco una alternativa para hacer una información sobre herramientas personalizada.

Gracias

Answer 1

Una solución fácil es usar la propiedad de visualización de CSS para los elementos svg del gráfico como:

http://jsfiddle.net/chetanbh/j9vx0dmg/

var chart = c3.generate({
  data: {
    columns: [
        [''data1'', 100, 200, 150, 300, 200],
        [''data2'', 400, 500, 250, 700, 300],
    ]
  }
});

En el ejemplo del gráfico c3js anterior, se representa un gráfico de líneas con dos líneas.

Cada línea es un elemento Path svg debajo de un elemento Group. Estos elementos de grupo obtendrán valores de atributos de clase como ''c3-target-data1'' y ''c3-target-data2''.

Aprovechando esto podemos usar CSS como:

.c3-target-data2 {
    display: none;
}

para ocultar toda la ''data2'' en el gráfico, pero la información sobre herramientas continuará mostrando los datos de ''data2''.

Espero que esto ayude.