Google Charts 可以支持双 y 轴（v 轴）吗？

Question

Flot 图表 API 支持双 v 轴刻度，如 此示例。

我正在使用 Google 图表 - Google 也可以这样做吗？我浏览了示例和文档，但找不到任何示例/参考来表明它确实支持双轴图表。

Answer 1

我花了一段时间才弄清楚这一点，但 Google 图表确实支持双 Y 轴（v 轴）。我想使用 Javascript API 而不是 HTML 界面。

这个例子可以在这里测试：
http://code.google.com/apis/ajax/playground/ ?type=visualization#line_chart

将所有代码替换为以下代码，显示如何拥有两个不同的 Y 轴刻度：

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,
    vAxes: {0: {logScale: false},
            1: {logScale: false, maxValue: 2}},
    series:{
       0:{targetAxisIndex:0},
       1:{targetAxisIndex:1},
       2:{targetAxisIndex:1}}}
          );
}

通过将 maxValue: 2 添加到代码中，并设置系列 1 & ; 2 到该轴，它们在第二个轴上正常工作。

Answer 2

非 JavaScript 解决方案

假设您正在寻找共享相同 X 轴（水平）但 Y 轴（垂直）具有不同值（和比例）的系列，那么您可以这样做无需求助于 JavaScript，如下所示：

1. 选择插入|菜单中的图表。
2. 双击图表，然后在图表编辑器中选择图表类型 |折线图。
3. 单击“数据范围”框中的网格图标以获取数据范围对话框。
4. 单击包含您感兴趣的 Y 轴线数据的工作表，并从左上角到右下角突出显示，以便覆盖所有 Y 轴线。您可以稍后整理列。
5. 单击“确定”，您将看到已提取系列的集合。使用每个系列的“点菜单”删除您不感兴趣的系列。
6. 单击“X 轴”框中的网格图标可再次获取数据范围对话框。
7. 单击包含您对 X 轴线感兴趣的数据的工作表，并从上到下突出显示。
8. 单击“确定”，您将看到 X 轴已填充，并且两条 Y 轴线共享相同的左轴标签。
9. 单击要使用右轴标签的线，然后使用图表编辑器对话框中的“轴”框选择“右轴”。

现在，您可以编辑图表的各种其他属性，使其在呈现方式上符合您想要的方式。

Answer 3

我做到了。

1. 单击数据系列
2. 将出现一个小框，其中包含 2 个小方块，每个小方块只有两个粗体边
3. 单击第二个

即可完成。