Google图表可以支持双Y轴（V轴）吗？

Flot图api支持双v轴缩放，如本例所示。

我正在使用谷歌图表 – 这也可能与谷歌？ 我已经看了一些示例和文档，但是找不到任何示例/参考来表明它支持双轴图表。

Answer 1

我花了一段时间才弄清楚，但Google Charts 确实支持双Y轴（V轴）。 我想使用JavaScript API而不是HTML界面。

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

用以下代码replace所有代码，显示如何使用两个不同的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

我做的。

1. 点击数据系列
2. 一个小盒子会出现2个小方格，每个只有两个粗体
3. 点击第二个

那么可能会完成。