vAxis:{slantedText:true}可能是条形图[谷歌图表]?

时间:2014-07-25 11:26:04

标签: google-visualization

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

柱形图: column chart with slanted text on hAxis 条形图: bar chart with default text angle on vAxis

(不要介意数据,这只是一个例子)

1 个答案:

答案 0 :(得分:4)

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')+")");

    }
}

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