Javascript Can';t在价格历史图表中显示额外的工具提示数据
我试图在价格历史图表的工具提示中显示额外数据 jsfiddle示例: 我传递数组的图表数组,如下所示: var数据数组=[[date,price,'some extra data1'],[date,price,'some extra data2'],[date,price,'some extra data3'] 我尝试使用工具提示格式化程序函数返回额外的字符串,但没有成功访问该字符串。 我试过: 这个.z,这个.point[2] 也没有成功 我尝试将数组转换为JSON,并尝试执行类似的操作 然后,再次失败 如果有人有可行的解决方案,请帮助我, 多谢各位 我已经尝试更改为对象数组并调用名称,但没有成功强>Javascript Can';t在价格历史图表中显示额外的工具提示数据,javascript,jquery,highcharts,highstock,Javascript,Jquery,Highcharts,Highstock,我试图在价格历史图表的工具提示中显示额外数据 jsfiddle示例: 我传递数组的图表数组,如下所示: var数据数组=[[date,price,'some extra data1'],[date,price,'some extra data2'],[date,price,'some extra data3'] 我尝试使用工具提示格式化程序函数返回额外的字符串,但没有成功访问该字符串。 我试过: 这个.z,这个.point[2] 也没有成功 我尝试将数组转换为JSON,并尝试执行类似的操作 然
您可以稍微不同地定义点:
var priceHistoryObjArray = [{
x: 1379883600000,
y: 47.19,
name: 'extra data'
},
然后参考:this.point.name
虽然我必须切换到highcharts以使其工作,而不是highstock,但它应该在highstock()中工作。尝试替换
此.points[0].point.extra代码>与此.points[0].point.options.extra代码>第二种解决方案用于提取此字段。我不想切换到highcharts,这是价格历史记录表。。highstock完美地展示了它这在我看来像一个bug。highstock文档表明,this.point.name应该可以正常工作。
function prepare(dataArray) {
return dataArray.map(function (item, index) {
return {x: item[0], y: item[1], extra: item[2]};
});
};
$(function(){
var priceHistoryObjArray = [
[1379883600000,47.19,'extra data'],
[1379970000000,48.45,'extra data1'],
[1380056400000,49.46,'extra data2'],
[1380142800000,50.39,'extra data3']
];
priceHistoryObjArray = prepare(priceHistoryObjArray);
$('#container').highcharts('StockChart', {
tooltip:{
formatter: function(){
//how to return 'extra data'??
this.points[0].point.extra;
}
},
series : [{
name : 'Price',
data : priceHistoryObjArray,
id: 'dataseries'
}]
});
});
var priceHistoryObjArray = [{
x: 1379883600000,
y: 47.19,
name: 'extra data'
},