高仓图表错误。在工具提示中未定义数据

我正在尝试构建一个highstock图表，其中有一组x轴的时间戳和y轴的数字。此外，我还希望在工具提示中显示阵列中的其他一些数据。该数据阵列是象下面这样：高仓图表错误。在工具提示中未定义数据

data=[ 
{ 
"ID": 9682533, 
"PONumber": "100869279", 
"y": 2, 
"x": 1470196365449 
}, 
    ...];

和工具提示格式化功能是：

tooltip: { 

       formatter: function() { 

        console.log('inside formatter'); 
        var s = '<b>' + Highcharts.dateFormat('%A, %b %e, %Y, %H:%M:%S', this.x) + '</b>'; 

        $.each(this.points, function() { 
         s += '<br/> ID:= <b>' 
          + this.point.ID 
          + '</b><br/> Completion time:= <b>' 
          + this.y 
          + ' secs</b><br/>' 
          + 'Purchase Order Number:= <b>' 
          + this.point.PONumber 
          + '</b><br/>'; 
        }); 

        return s; 

       } 
      }

当我绘制数据，但是我得到的ID的价值和采购订单编号为未定义。当我缩放数据时，我会在工具提示中看到正确的数据。 jsfiddle在这里：http://jsfiddle.net/jayadrath/v8mLc8np/。任何帮助解决这个问题将是很大的。

编辑：一些答案和评论提到他们看不到问题。因此附上截图。