4

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

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

4

1 回答 1

1

类似的问题：谷歌图表线：如何使用连续轴正确连接点

您的问题的答案是关于其中一条评论：

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

于 2020-09-20T17:55:39.433 回答