我可以在highcharts明细中制作自定义工具提示吗?

时间:2014-03-26 21:20:42

标签: javascript highcharts

我想为高级图表上的向下钻取系列创建自定义工具提示。

我想它会看起来像这样。

   tooltip: {
            formatter: function () {
                if (series is drill down) {
                    return :'tooltip A';
                } else {
                    return :'tooltip B';
                }
            }
        },

但是我找不到任何例子,“系列就是钻取”显然不是代码。

3 个答案:

答案 0 :(得分:1)

检查系列中的levelNumber属性,请参阅:http://jsfiddle.net/qLcZr/2/

    tooltip: {
        formatter: function() {
            if(this.series.levelNumber == 1) { 
                 return 'first level';   
            } else {
                 return  'parents level';
            }
        }
    },

OR:

对于每个系列,您可以设置pointFormat(不支持每个系列的格式化程序),请参阅:http://jsfiddle.net/qLcZr/3/

    series: [{
        name: 'Things',
        colorByPoint: true,
        tooltip: {
            pointFormat: 'parent series'  
        },
        data: [{
            name: 'Animals',
            y: 5,
            drilldown: 'animals'
        }, {
            name: 'Fruits',
            y: 2,
            drilldown: 'fruits'
        }, {
            name: 'Cars',
            y: 4,
            drilldown: 'cars'
        }]
    }],

答案 1 :(得分:1)

@PawełFus

your script

中没有levelNumber属性,函数为false

但是可以使用drilldown属性

pointFormatter: function() {
    if(this.hasOwnProperty("drilldown")) {
        return "<b>{series.name]:({point.y}) parent</b>";
    } else {
        return "<b>{series.name}:({point.y}) child</b>";
    }
}

答案 2 :(得分:0)

系列和drilldown.series都包含一个工具提示对象。这意味着您可以在options对象的正确部分中分别自定义每个对象。

在这里检查:

https://api.highcharts.com/highcharts/series.column.tooltip

https://api.highcharts.com/highcharts/drilldown.series