javascript - 无法在价格历史图表中显示额外的工具提示数据

Question

我正在尝试在价格历史图表的工具提示中显示额外数据(stockChart)，

jsfiddle 示例: http://jsfiddle.net/z10dLcj8/1/

$(function(){        
var priceHistoryObjArray = [
[1379883600000,47.19,'extra data'],
[1379970000000,48.45,'extra data1'],
[1380056400000,49.46,'extra data2'],
[1380142800000,50.39,'extra data3']
];



$('#container').highcharts('StockChart', {
        tooltip:{
          formatter: function(){
              //how to return 'extra data'??
            //return this.points[2]??
            return this.y; //return price


          }
        },
        series : [{          
          name : 'Price',        
          data : priceHistoryObjArray,
          id: 'dataseries'
        }]
      });
});

我传递了数组的图表数组，如下所示:

var dataArray = [[date, price, 'some extra data1'],[date, price, 'some extra data2'],[date, price, 'some extra data3']];

我尝试使用工具提示格式化程序函数返回额外的字符串，但没有成功访问该字符串。我尝试过:

this.z, this.point[2]

也没有成功我尝试将数组转换为 JSON 并尝试执行类似这样的操作。MyExtraData并再次失败

如果有人有可行的解决方案，请帮助我，谢谢。

我已经尝试更改为对象数组并调用名称，但没有成功! http://jsfiddle.net/z10dLcj8/3/

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'
        }]
      });
});

Answer 1

您可以稍微不同地定义您的观点:

var priceHistoryObjArray = [{
    x: 1379883600000,
    y: 47.19,
    name: 'extra data'
},

然后引用:this.point.name http://jsfiddle.net/dz11ty8v/ .

虽然我必须切换到 highcharts 才能让它工作，而不是 highstock，尽管它应该在 highstock 中工作 ( http://api.highcharts.com/highstock#tooltip.formatter )。