我可以在highcharts下钻中创建自定义工具提示吗？

q5lcpyga 于 2023-03-18 发布在 Highcharts

关注(0)|答案(3)|浏览(174)

我想为高位图表上的深入系列创建自定义工具提示。
我想大概是这样的。

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

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

highcharts

来源：https://stackoverflow.com/questions/22673323/can-i-make-a-custom-tooltip-on-a-highcharts-drilldown

3条答案

按热度按时间

hs1rzwqc1#

检查序列中的levelNumber属性，请参见：http://jsfiddle.net/qLcZr/2/

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

或：
对于每个系列，您可以设置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'
        }]
    }],

赞(0）回复(0）举报 2023-03-18

3qpi33ja2#

@帕维尔·福斯
没有levelNumber属性，并且your script中的函数为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>";
    }
}

赞(0）回复(0）举报 2023-03-18

iklwldmw3#

series和drilldown.series都包含一个工具提示对象。这意味着您可以在options对象的正确部分单独定制每一个。
查看此处：
https://api.highcharts.com/highcharts/series.column.tooltip
https://api.highcharts.com/highcharts/drilldown.series

赞(0）回复(0）举报 2023-03-18