如何在谷歌图表工具中连接两点 - 散点图答案

【问题标题】：How to connect two points in Google Chart Tools - Scatter Chart如何在谷歌图表工具中连接两点 - 散点图
【发布时间】：2012-12-02 09:46:51
【问题描述】：

我使用谷歌图表工具来绘制带有一些缺失数据的简单图表。使用我的代码，我在这张图片上得到了类似的东西：

是否可以用类似于 (4) - (5) 连接的线来连接点 (1) 和 (4)？也许我可以使用另一种类型的图表来实现相同的结果？我尝试了带有interpolateNulls 选项的面积图，但结果是一样的。它只能插入被某个日期包围的NULLs，而不是连续插入两个或更多NULLs。

下面是示例代码：

google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
  var data = new google.visualization.DataTable();
  data.addColumn('number', 'Year');
  data.addColumn('number', 'Sales');
  data.addRows([
    [1, 1000],
    [2, null],
    [3, null],
    [4, 1030],
    [5, 1080]
  ]);
  var options = {
    'title'     : 'Line chart',
    'width'     : 400,
    'height'    : 300,
    'lineWidth' : 2
  };

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

<html>
    <body>
        <div id="chart_div"></div>
    </body>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
</html>

【问题讨论】：

标签： javascript google-visualization scatter-plot

【解决方案1】：

这里有类似问题：Google chart line: how to connect dots properly using a continuous axes

您的问题的答案在其中一个 cmets 上：

'如果您尝试传递的值是通过某些 xml 或 json 传递的，并且其中包含 null 值，它将无法正确绘制，并且会分散或在折线图中显示为虚线以便绘制它们，有条件删除所有空值，然后它将正确绘制。通过@Taher SK

【讨论】：