高图表-在工具提示中动态放置元素

Question

我正在尝试让High Charts在它的工具提示中动态地放置元素。为了向您展示我的意思，想象一下如下所示的工具提示：

http://jsfiddle.net/gn9zm/1/

我想要做的是让工具提示中的每个标签与其对应的点对齐。我已经查看了格式化程序选项，但它似乎没有给出点的像素位置。通过到处搜索，我看到人们在某个地方引用了toPixels方法，但我似乎无法从格式化程序的作用域中找到它/访问它。理想情况下，我认为我的格式化程序应该是这样的：

formatter: function() {
    return '<div style="position: absolute; top: '
           + toPixels(this.point.plotY) + 'px">' + p.y + '</div>';

显然，这段代码需要适应共享的工具提示，但希望您能理解。有没有办法可以完成我想要做的事情？

Answer 1

在格式化程序中，您需要对每个点(表单点数组)使用循环，然后返回正确的值。在点对象中，您可以通过plotX/plotY参数访问以像素为单位的值，因此不需要调用toPixels函数。

http://jsfiddle.net/gn9zm/6/

formatter:function(){
        var points = this.points,
            txt = '';

        $.each(points,function(i,p){
            txt += ' value: ' + p.point.y + ' pixels: ' + p.point.plotY + '<br/>';
        });

        return txt;
    },