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

2020-07-14 09:22发布

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条回答
欢心
2楼-- · 2020-07-14 09:57

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

查看更多
登录 后发表回答