charts - Cómo agregar etiquetas de eje para el gráfico de filas usando dc.js o d3.js

row axis-labels

Question

Para el gráfico de barras y el gráfico apilado, podemos usar las .xAxisLabel("X Axis Label") y .yAxisLabel("Y Axis Label") para agregar etiquetas para el eje respectivo. Pero, ¿hay alguna manera de agregar etiquetas de ejes para el gráfico de filas?

Answer 1

Pruebe algo como esto:

dc.renderAll();
function AddXAxis(chartToUpdate, displayText)
{
chartToUpdate.svg()
.append("text")
.attr("class", "x-axis-label")
.attr("text-anchor", "middle")
.attr("x", chartToUpdate.width()/2)
.attr("y", chartToUpdate.height()-3.5)
.text(displayText);
}
AddXAxis(chart1, "This is the x-axis!");

Aquí hay un ejemplo jsfiddle: http://jsfiddle.net/djmartin_umich/x5qb9/

¡Espero que esto ayude! -DJ