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轴上添加标签,您需要做哪些更改?