Charts 如何使用dc.js或d3.js为行图表添加轴标签

Charts 如何使用dc.js或d3.js为行图表添加轴标签,charts,d3.js,row,axis-labels,dc.js,Charts,D3.js,Row,Axis Labels,Dc.js,对于条形图和堆积图,我们可以使用.xaxislab(“X轴标签”)和.yaxislab(“Y轴标签”)函数为各自的轴添加标签。 但是 有没有办法为行图表添加轴标签?试试下面的方法: dc.renderAll(); function AddXAxis(chartToUpdate, displayText) { chartToUpdate.svg() .append("text") .attr("class", "x-axis

对于条形图和堆积图,我们可以使用
.xaxislab(“X轴标签”)
.yaxislab(“Y轴标签”)
函数为各自的轴添加标签。 但是
有没有办法为行图表添加轴标签?

试试下面的方法:

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!");
下面是一个JSFIDLE示例:

我希望这有帮助!
-DJ

您知道没有jQuery的解决方案吗?tks。要在y轴上添加标签,您需要做哪些更改?