Javascript 谷歌组合图+；多个图例用于！=数据

简短的解释

我正在使用谷歌组合图显示下图：

但是，正如您所看到的，读取蓝色值并不容易，只要红线是蓝色值的累积，它就可以非常高。 有没有办法在图片右侧添加第二个图例？为了让红线保持在一个合理的高度，并使所有这些东西易于阅读？我读了关于legend的文档，但没有找到：

如何放置第二个图例？ 如何使红线成为第二个图例？ 以防万一。你有一些片段吗

---

谢谢。

您可以使用多个VAX并指定在哪个轴上绘制哪个系列。 大致如下：

  function drawVisualization() {
    // Just data, use your own
    var data = google.visualization.arrayToDataTable([
      ['Date', 'Value', 'Cumulate'],
      ['2014/01/01',  5,   5],
      ['2014/01/02', 20,  25],
      ['2014/01/03',  7,  32],
      ['2014/01/04', 15,  47],
      ['2014/01/05',  3,  50],
      ['2014/01/06',  5,  55],
      ['2014/01/07',  0,  55],
      ['2014/01/08',  0,  55],
      ['2014/01/09', 10,  65],
      ['2014/01/10',  5,  70],
      ['2014/01/11', 10,  80],
      ['2014/01/12',  0,  80],
      ['2014/01/13',  7,  87],
      ['2014/01/14', 13,  90],
      ['2014/01/15', 10, 100]
    ]);

    var options = {
      title : 'Pluviometre',
      // multiple axis (you can have different labels, colors, etc.)
      vAxes: [
        {title: "mm/h"},
        {title: "mm/h",textStyle:{color: "red"}}
      ],
      hAxis: {title: "date"},
      seriesType: "bars",
      // 1st series on axis 0 (by default), 2nd series on axis 1
      series: {1: {type: "line", targetAxisIndex:1}}
    };

    var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }

---

可以使用多个VAX并指定在哪个轴上绘制哪个系列。 大致如下：

  function drawVisualization() {
    // Just data, use your own
    var data = google.visualization.arrayToDataTable([
      ['Date', 'Value', 'Cumulate'],
      ['2014/01/01',  5,   5],
      ['2014/01/02', 20,  25],
      ['2014/01/03',  7,  32],
      ['2014/01/04', 15,  47],
      ['2014/01/05',  3,  50],
      ['2014/01/06',  5,  55],
      ['2014/01/07',  0,  55],
      ['2014/01/08',  0,  55],
      ['2014/01/09', 10,  65],
      ['2014/01/10',  5,  70],
      ['2014/01/11', 10,  80],
      ['2014/01/12',  0,  80],
      ['2014/01/13',  7,  87],
      ['2014/01/14', 13,  90],
      ['2014/01/15', 10, 100]
    ]);

    var options = {
      title : 'Pluviometre',
      // multiple axis (you can have different labels, colors, etc.)
      vAxes: [
        {title: "mm/h"},
        {title: "mm/h",textStyle:{color: "red"}}
      ],
      hAxis: {title: "date"},
      seriesType: "bars",
      // 1st series on axis 0 (by default), 2nd series on axis 1
      series: {1: {type: "line", targetAxisIndex:1}}
    };

    var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
    chart.draw(data, options);
  }