Question

我使用Google Chart Tools绘制包含一些缺失数据的简单图表。使用我的代码，我会得到类似这样的图像：

是否可以将点（1）和（4）与类似于（4） - （5）连接的线连接？也许我可以使用其他类型的图表来实现相同的结果？我用interpolateNulls选项尝试了区域图，但结果是一样的。它只能插入某个日期所包围的NULL个，而不能连续插入两个或更多个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>

Answer 1

此处存在类似问题：Google chart line: how to connect dots properly using a continuous axes

您的问题的答案来自以下评论之一：

'如果您尝试传递的值是通过某些xml或json传递的，并且其中包含null值，则将无法正确绘制，并且会散布或折线图中的虚线，因此要绘制它们，必须有条件才能删除所有空值，然后它将正确绘制。”由@Taher SK

如何连接Google Chart Tools中的两个点 - Scatter Chart

1 个答案: