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

时间:2014-01-14 13:07:06

标签: charts d3.js row axis-labels dc.js

对于条形图和堆积图表,我们可以使用.xAxisLabel("X Axis Label").yAxisLabel("Y Axis Label")函数为各个轴添加标签。 但, 有没有办法为行图添加轴标签?

1 个答案:

答案 0 :(得分:16)

尝试这样的事情:

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

这是一个jsfiddle示例:http://jsfiddle.net/djmartin_umich/x5qb9/

我希望这有帮助! -DJ