google-visualization - 是 vAxis : {slantedText: true} possible for Bar Chart [Google Charts]?

Question

我可以为柱形图制作hAxis: {slantedText: true}
但它也适用于条形图的vAxis吗？

柱形图: 条形图:

(不要介意数据，这只是一个示例)

Answer 1

如this JSFiddle所示设置 vAxis.slantedText: true 是不够的。我不知道为什么，而且据我(有限)所知，我不知道有什么简单的方法可以实现这一目标。

根据您的需要，您可以将此粗略代码添加到 drawChart 函数的末尾，以实现 vAxis 标签 ( JSFiddle example ) 的类似旋转:

// Rotate vAxis labels.
var array = $('g');
for(var i = 0; i < array.length; i++) {
    var logicalname = array[i].logicalname;
    var text = $(array[i].children[0]);    
    if(logicalname != null &&
       logicalname.indexOf("vAxis") == 0 &&
       logicalname.indexOf("label") > 0) {

        text.attr("transform", 
                  "rotate(-30 "+$(text[0]).attr('x')+" "+$(text[0]).attr('y')+")");

    }
}

希望有人能找到一种更顺利的方法来实现这一目标。