c3.js：如何旋转条形图条形项上方的标签？

Question

http://i.imgur.com/bbFBotv.png

如何旋转这些值？ （上面打开链接）我正在使用c3.js的最新版本。 谢谢您的帮助。 简单示例：

var chart = c3.generate({
    data: {
        columns: [
            ['Value', 30, 200, 100, 400, 150, 250],
        ],
        type: 'bar',
        labels: true
    },
});

Answer 1

没有c3设置，就像轴标签一样，但您可以使用onrendered回调中的某些d3代码旋转它们：

onrendered: function () {
    d3.selectAll(".c3-chart-texts text.c3-text")
        .attr("transform", function(d) {
            var textSel = d3.select(this);
            return "rotate(90, "+textSel.attr("x")+", "+(textSel.attr("y"))+")";
        })
        .style("text-anchor", function(d) {
            return (d.value && d.value > 0) ? "end" : "centre";
        })
    ;
}

http://jsfiddle.net/cfjm0gLh/1/