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