更改vAxis标签位置

时间:2016-06-06 08:39:55

标签: charts google-visualization

我试图找到一种方法来改变垂直轴上标签的位置。默认情况下,折线图将标签呈现在图表的左侧,我希望它们显示在右侧。似乎这是不可能的,但我不太了解扩展线图实现的方法,使其表现得像我想要的那样。

1 个答案:

答案 0 :(得分:1)

您可以使用series configuration option更改targetAxisIndex

文件说......

  

targetAxisIndex:分配此系列的轴,其中0是默认轴,1是相反的轴。默认值为0;设置为1以定义图表,其中不同的系列针对不同的轴呈现。至少有一个系列被分配给默认轴。您可以为不同的轴定义不同的比例。

但似乎没有为默认轴分配任何东西......

参见以下示例......



google.charts.load('current', {
  callback: function () {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Label');
    data.addColumn('number', 'Amount');

    data.addRows([
      ['Label 1', 10],
      ['Label 2', 20],
      ['Label 3', 30],
      ['Label 4', 40]
    ]);

    new google.visualization.LineChart(document.getElementById('chart_div')).draw(data, {
      series: {
        0: {
          targetAxisIndex: 1
        }
      }
    });
  },
  packages:['corechart']
});

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
&#13;
&#13;
&#13;