【发布时间】: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