更改图表y轴文字方向

时间:2018-07-20 02:26:17

标签: javascript google-apps-script

我想将Google图表的y轴标题更改为水平方向。当前,它是通过垂直书写绘制的,如下图所示:

my chart xaxis title

我的图表绘图代码

function drawVisualization() {
    // Some raw data (not necessarily accurate)
    var data = google.visualization.arrayToDataTable(temp);

    var options = {
        title: 'Report',
        //   vAxis: {title: 'Cups'},
        hAxis: {
            title: 'Date'
        },
        seriesType: 'bars',
        series: {
            0: {
                targetAxisIndex: 0
            },
            1: {
                targetAxisIndex: 1,
                type: 'line'
            }
        },
        vAxes: {
            0: {
                title: '報酬額',
                titleTextStyle: {
                    italic: false,
                }
            },
            1: {
                title: '再生',
                titleTextStyle: {
                    italic: false,
                }
            },
        },
        'chartArea' : {'width': '70%', left: '15%'}
    };

    var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    }

2 个答案:

答案 0 :(得分:0)

您可以在Axis Overview中看到:

  

方向-您可以使用   hAxis / vAxis.direction选项。

     

hAxis.direction沿着值的方向   水平轴增长。指定-1可以反转值的顺序。

     

类型:1或-1默认值:1

如果这不能回答问题,请尝试使用此SO post中的解决方法。

答案 1 :(得分:0)

我确实喜欢这样。并运作良好。我认为这不是很好的方法。 如果有人找到更好的方法,请对我说谢谢。

var textTags = document.getElementsByTagName("text");
        var searchPlay = "Play";
        var searchProfit = "Profit"

        $.each(textTags, function(index,value){
            if (value.textContent == searchPlay) {
                $(this).css('transform','rotate(1turn)');
                console.log(value);
            }
            if (value.textContent == searchProfit) {
                console.log(value);
                $(this).css('transform', 'rotate(1turn)');
            }
        });