高库存图表出错。工具提示中的数据未定义

时间:2016-08-04 15:26:30

标签: jquery highcharts 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和采购订单号的值为undefined。当我缩放数据时,我会在工具提示中看到正确的数据。 jsfiddle在这里:http://jsfiddle.net/jayadrath/v8mLc8np/。任何帮助解决这个问题都会很棒。

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

Highstock data issue

2 个答案:

答案 0 :(得分:3)

我也无法在你的小提琴上重现 - 工具提示显示并且在控制台中未定义工具提示值没有错误。

小提琴数据是所有数据还是仅仅是一个样本?我想知道问题是否与您的图表上启用dataGrouping并且有更多数据有关。如果dataGrouping处于启用状态,则会对您的x / y值进行一些近似,并且可能无法将其他工具提示项目转移到该点。

尝试关闭dataGrouping

答案 1 :(得分:0)

这不起作用,因为Highstock只检索并使用数据对象中的x和y值,而你指的是不存在的this.point.ID/PONumber。

这是&#34;此&#34;。

的console.log(this)输出

对象{x:1470196320000,y:2,points:Array [1]}

点:数组[1]

X:1470196320000

Y:2