How to add axis labels for row chart using dc.js or d3.js

问题

For Bar Chart and Stacked Chart, we can use .xAxisLabel("X Axis Label") and .yAxisLabel("Y Axis Label") functions to add labels for respective axis. But, Is there any way to add axis labels for Row Chart?

回答1:

Try something like this:

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!");

Here is a jsfiddle example: http://jsfiddle.net/djmartin_umich/x5qb9/

I hope this helps! -DJ

来源：https://stackoverflow.com/questions/21114336/how-to-add-axis-labels-for-row-chart-using-dc-js-or-d3-js

标签

charts