Google visualization Google图表-interpolateNulls选项不适用于AnnotationChart

我是谷歌可视化的初学者。我很难让“interpolateNulls:true”选项与AnnotationChart一起正常工作。如果我将相同的数据集与基本折线图一起使用，它将按预期工作。以下是我的代码和结果图表：

    <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);
  }

load（'visualization'，'1.1'，{'packages'：['Annotationchart']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data1=新的google.visualization.DataTable（）；
var data2=新的google.visualization.DataTable（）；
var joinedData=google.visualization.data.join（data1，data2，'full'，[[0,0]]，[1]，[1]）；
var chart1=新的google.visualization.AnnotationChart（document.getElementById（'chart1'）；
变量选项={
显示注释：false，
厚度：2，
颜色：[“红色”、“蓝色”]，
是的，
curveType:'函数'，
};
图1.绘制（合并数据、选项）；
}

产生：

鉴于：

    <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);
  }

load（'visualization'，'1'，{'packages'：['corechart']}）；
setOnLoadCallback（drawChart）；
函数绘图图（）{
var data1=新的google.visualization.DataTable（）；
var data2=新的google.visualization.DataTable（）；
var joinedData=google.visualization.data.join（data1，data2，'full'，[[0,0]]，[1]，[1]）；
var chart1=新的google.visualization.LineChart（document.getElementById（'chart1'）；
变量选项={
显示注释：false，
厚度：2，
颜色：[“红色”、“蓝色”]，
是的，
curveType:'函数'，
};
图1.绘制（合并数据、选项）；
}

产生：

我错过了什么

---

提前谢谢

注释图表没有选项

interpolutenulls

。请参阅谷歌文档。

谢谢。我知道我遗漏了一些简单的东西。我正在考虑将此项目转移到动态图。通过在a中使用a和折线图，您可以获得与注释图类似的功能。谢谢，我会查看的。同时，我能够让动态图工作。花了一段时间来正确格式化数据，但它的工作，它看起来很棒！