谷歌图表 - 插值空值选项不适用于注释图表

Question

我是谷歌可视化的初学者。 我在使"插值空值：true"选项与注释图表正常工作时遇到问题。 如果我将相同的数据集与基本折线图一起使用，它会按预期工作。 这是我的代码和生成的图表：

    <script type='text/javascript'>
  google.load('visualization', '1.1', {'packages':['Annotationchart']});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data1 = new google.visualization.DataTable(<?=$json1?>);
    var data2 = new google.visualization.DataTable(<?=$json2?>);
    var joinedData = google.visualization.data.join(data1, data2, 'full', [[0, 0]], [1], [1]);
    var chart1 = new google.visualization.AnnotationChart(document.getElementById('chart1'));
    var options = {
      displayAnnotations: false,
  thickness: 2,
  colors: ['red', 'blue'],
  interpolateNulls: true,
      curveType: 'function',
    };
    chart1.draw(joinedData, options);
  }

生产：

https://i.stack.imgur.com/2kHv6.jpg

而：

    <script type='text/javascript'>
  google.load('visualization', '1', {'packages':['corechart']});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data1 = new google.visualization.DataTable(<?=$json1?>);
    var data2 = new google.visualization.DataTable(<?=$json2?>);
    var joinedData = google.visualization.data.join(data1, data2, 'full', [[0, 0]], [1], [1]);
    var chart1 = new google.visualization.LineChart(document.getElementById('chart1'));
    var options = {
      displayAnnotations: false,
  thickness: 2,
  colors: ['red', 'blue'],
  interpolateNulls: true,
      curveType: 'function',
    };
    chart1.draw(joinedData, options);
  }

生产：

https://i.stack.imgur.com/7YOKv.jpg

我错过了什么？

提前感谢！

Answer 1

AnnotationChart 没有interpolateNulls选项。请参阅谷歌文档注释图。