高图上特定点的自定义工具提示数据

时间:2015-07-08 11:29:01

标签: javascript jquery highcharts tooltip

我想在工具提示中显示警告或说明,只有当您将鼠标悬停在特定的一个或两个点上时。这些警告在这一点上是独一无二的,因此无法重复。

我已将自定义文字'警告'和'警告2'在系列数据中,但似乎每个包含它的工具提示都会调用该数据一次。

我的系列数据如下所示:

series: [{
        color: '#333',
        name: 'Pre-tax profits',
        data: [{y: 811, custom: 'WARNING'}, 881, 465, -137, 491, 567, 284, 35, 675]

    }, {
        color: '#00adef',
        name: 'Revenues',
        data: [2663, 2300, 1851, 1782, { y: 2103, custom: 'WARNING 2'}, 2154, 1665, 1666, 2149]

    }]

' y'似乎是多余的,但没有它就会出错。

以下是我迄今为止在工具提示格式化程序中调用它的方法......

formatter: function () {

            var s = '<b>' + this.x + '</b>';

            $.each(this.points, function () {
                s += '<br/>' + this.series.name + ': ' + this.y + 'm';
                s += '<h2>' + this.point.custom + '</h2>';          
            });

            return s;

        },

因为我在每个点都要调用它,所以我真的只想在每个工具提示中有这个警告的时候调用它一次。也许我可以用这些警告制作一个全新的系列,只显示在工具提示中?

下载一个演示,看看我在说什么......

http://thetally.efinancialnews.com/tallyassets/barclays-ib/index.html

2 个答案:

答案 0 :(得分:1)

您需要检查custom构建器中是否存在s属性。如果该属性存在,则将其附加到工具提示字符串,如果不存在,则不执行任何操作(或其他操作)。

答案 1 :(得分:0)

自定义参数位于point.options对象中。使用this.point.options.custom来提取您的价值。