javascript - 我可以自定义 Google Charts 中的 Y 轴断点吗？

Question

这是我的图表:

我的客户希望蓝线靠近其他线。不幸的是，几天来我一直在寻找解决方案，但我得到的只是如何更改最小/最大值以及如何自定义刻度。所以我想知道是否可以这样做？如果没有，是否有其他选择？

附言。七年前我发现了一个类似的问题，不知道现在是否可以。

Answer 1

您可以在辅助 y 轴上绘制蓝线。

根据数据表中蓝线所代表的系列，
使用以下选项指示它应该绘制在单独的 y 轴上。
其中默认 y 轴为 0，辅助 y 轴为 1。

series: {
  0: {  // <-- series index
    targetAxisIndex: 1  // <-- y-axis index
  }
}

这里，蓝线是第一个系列，0。
请参阅以下工作片段...

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['x', 'y0', 'y1', 'y2'],
    ['Jan', 33000, 16000, 15000],
    ['Feb', 41000, 14000, 16000],
    ['Mar', 43000, 12000, 18000],
    ['Apr', 39000, 10000, 17000],
    ['May', 38000, 11000, 16000],
    ['Jun', 36000, 12000, 14000],
    ['Jul', 35000, 13000, 12000]
  ]);

  var options = {
    legend: 'none',
    curveType: 'function',
    series: {
      0: {
        targetAxisIndex: 1
      }
    }
  };

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

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart"></div>