【问题标题】:Google Charts axis title谷歌图表轴标题
【发布时间】:2011-11-28 14:20:38
【问题描述】:

是否可以在谷歌图表(折线图)上添加轴标题,而不是更改刻度线?

Tnx in adv!

【问题讨论】:

    标签: google-visualization


    【解决方案1】:

    是的,你可以。这是一个稍微修改的示例: http://code.google.com/apis/ajax/playground/?type=visualization#line_chart

    诀窍是获取两个垂直轴的轴标签(还没有弄清楚如何做到这一点)。

    <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() {
        // Create and populate the data table.
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'x');
        data.addColumn('number', 'Cats');
        data.addColumn('number', 'Blanket 1');
        data.addColumn('number', 'Blanket 2');
        data.addRow(["A", 1, 1, 0.5]);
        data.addRow(["B", 2, 0.5, 1]);
        data.addRow(["C", 4, 1, 0.5]);
        data.addRow(["D", 8, 0.5, 1]);
        data.addRow(["E", 7, 1, 0.5]);
        data.addRow(["F", 7, 0.5, 1]);
        data.addRow(["G", 8, 1, 0.5]);
        data.addRow(["H", 4, 0.5, 1]);
        data.addRow(["I", 2, 1, 0.5]);
        data.addRow(["J", 3.5, 0.5, 1]);
        data.addRow(["K", 3, 1, 0.5]);
        data.addRow(["L", 3.5, 0.5, 1]);
        data.addRow(["M", 1, 1, 0.5]);
        data.addRow(["N", 1, 0.5, 1]);
    
        // Create and draw the visualization.
        new google.visualization.LineChart(document.getElementById('visualization')).
            draw(data, {curveType: "function",
                        width: 500, height: 400,
                        vAxis: {maxValue: 10, title: "my Axis"}}
                );
      }
    
    
      google.setOnLoadCallback(drawVisualization);
    </script>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-08-21
      • 1970-01-01
      • 1970-01-01
      • 2014-12-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多