Google Visualization API - 将Y轴置于右侧？

Question

使用:http://code.google.com/apis/chart/interactive/docs/gallery/linechart.html#Loading

没有任何选项可以将y轴放在图表的右侧？真的？!:P

有谁知道如何做这样一个'激进'的事情？图表API可以让你这样做,但不是可视化？

谢谢你.

Answer 1

您可以通过该series选项解决此问题,并为系列[0]指定虚拟数据系列.像这样:

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('visualization', '1', {packages: ['corechart']});
    </script>
    <script type="text/javascript">
      function drawVisualization() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'xAxis');
        data.addColumn('number', 'dummySeries');
        data.addColumn('number', 'realSeries');

        data.addRow(['x label', null, 2]); // dummy series value needs to be null, otherwise if interactivity is on, the user can discover the dummy values even if the line is hidden per below
        data.addRow(...iterate & add the rest of your data);

        new google.visualization.LineChart(document.getElementById('graphdiv')).
            draw(data, {curveType: 'function',
                        series:[{lineWidth:0},{targetAxisIndex:1}]} // specify right y-axis for 2nd series, and 'hide' the line for the 1st series as a precaution with lineWidth
                );
      }

      google.setOnLoadCallback(drawVisualization);
    </script>