【问题标题】:Error in highstock chart. Data is undefined in tooltiphighstock 图表中的错误。工具提示中未定义数据
【发布时间】:2016-08-05 03:43:11
【问题描述】:

我正在尝试构建一个 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/。解决这个问题的任何帮助都会很棒。

编辑:一些答案​​和 cmets 提到他们看不到问题。因此附上截图。

【问题讨论】:

  • 亲爱的 Kaushik,我不明白你的问题。我正在 jsfiddle 中尝试您的代码,我可以在工具提示中正确看到 ID 和 Puchase Order 的值,而无需使用缩放。请问,你能更详细地解释这个问题吗?
  • 添加了相同的屏幕截图

标签: jquery highcharts highstock


【解决方案1】:

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

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

尝试关闭dataGrouping

【讨论】:

    【解决方案2】:

    这行不通,因为 Highstock 只是从您的数据对象中检索和使用 x 和 y 值 + 您指的是不存在的 this.point.ID/PONumber。

    这是 "this" 的 console.log(this) 输出。

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

    点:数组[1]

    x:1470196320000

    y:2

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-08-17
      • 1970-01-01
      相关资源
      最近更新 更多