Question

是否可以在Google Charts（折线图）上添加轴标题，而不是更改刻度线？

Tnx in adv！

Answer 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>

Google Charts轴标题

1 个答案: