Javascript 如何更改饼图中向下搜索的点格式？

我使用的是饼图和向下钻取，是否有任何方法可以更改工具提示功能中的点格式。我想展示；首先是百分比（%）格式的饼图，然后是公吨（MT）格式的深入数据

我正在从后端服务获取相应格式的数据。产品以公吨为单位，剩余百分比、实际百分比以百分比为单位

我的饼图代码如下。

function visitorData(data){
    var products = data.products;
    var remainingPercentage=data.remainingPercentage;
     var actualPercentage=data.actualPercentage
    Highcharts.chart('current', {
         credits: {
        enabled: false
      },
        chart: {
            type: 'pie'
        },
        title: {
            text: 'Production report of current quarter'
        },
        subtitle: {

        },
        plotOptions: {
            series: {
                dataLabels: {
                    enabled: true,
                }
            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
        },
        series: [{
            name: 'Planned Production',
            colorByPoint: true,
            data: [{
                name: 'Remaining Production Qty. ',
                y: data.remainingPercentage,
            },
             {
                name: 'Actual Production Qty.',
                y: data.actualPercentage,
                drilldown: 'ap'
            }
            ]
        }],
        drilldown: {
            series: [{
                name: 'production report',
                id: 'po',
                data: [

                ]
            }, {
                name: 'Actual Production Qty.',
                id: 'ap',
                data: data.products

            }  ]
        }
    }); 

}

函数访问者数据（数据）{
var产品=数据产品；
var remainingPercentage=data.remainingPercentage；
var actualPercentage=data.actualPercentage
Highcharts.图表（'当前'{
学分：{
已启用：false
},
图表：{
键入：“馅饼”
},
标题：{
正文：“本季度生产报告”
},
副标题:{
},
打印选项：{
系列：{
数据标签：{
启用：对，
}
}
},
工具提示：{
headerFormat:“{series.name}
”，
pointFormat:“{point.name}：{point.y:.2f}占总数的百分比
”
},
系列：[{
名称：“计划生产”，
colorByPoint：对，
数据：[{
名称：“剩余生产数量”，
y:data.remainingPercentage，
},
{
名称：“实际生产数量”，
y：数据。实际百分比，
深入调查：“ap”
}
]
}],
向下展开：{
系列：[{
名称：'生产报告'，
id:‘po’，
数据：[
]
}, {
名称：“实际生产数量”，
id:‘ap’，
数据：data.products
}  ]
}
}); 
}

---

提前感谢。

解决此问题的方法是为第一级系列指定

工具提示：{pointFormatter:}

。这将覆盖主

工具提示

格式化程序，并向您显示希望它显示的数据

// Create the chart
 Highcharts.chart('container', {
         credits: {
        enabled: false
      },
        chart: {
            type: 'pie'
        },
        title: {
            text: 'Production report of current quarter'
        },
        subtitle: {

        },
        plotOptions: {
            series: {
                dataLabels: {
                    enabled: true,
                }
            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
             //MT format for the lower drilldowns
             pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}MT</b> of total<br/>' 
        },
        series: [{
         tooltip: {
            //Pointformat for the percentage series
            pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>' 
        },
            name: 'Planned Production',
            colorByPoint: true,
            data: [{
                name: 'Remaining Production Qty. ',
                y: 3,
            },
             {
                name: 'Actual Production Qty.',
                y: 5,
                drilldown: 'ap'
            }
            ]
        }],
        drilldown: {
            series: [{
                name: 'production report',
                id: 'po',
                data: [1]
            }, {
                name: 'Actual Production Qty.',
                id: 'ap',
                data: [2]

            },


            ]
        }
    }); 

//创建图表
Highcharts.chart（'容器'{
学分：{
已启用：false
},
图表：{
键入：“馅饼”
},
标题：{
正文：“本季度生产报告”
},
副标题:{
},
打印选项：{
系列：{
数据标签：{
启用：对，
}
}
},
工具提示：{
headerFormat:“{series.name}
”，
//下部钻取的MT格式
pointFormat:“{point.name}:{point.y:.2f}总数量
”
},
系列：[{
工具提示：{
//百分比系列的点格式
pointFormat:“{point.name}：{point.y:.2f}占总数的百分比
”
},
名称：“计划生产”，
colorByPoint：对，
数据：[{
名称：“剩余生产数量”，
y:3，
},
{
名称：“实际生产数量”，
y:5，
深入调查：“ap”
}
]
}],
向下展开：{
系列：[{
名称：'生产报告'，
id:‘po’，
数据：[1]
}, {
名称：“实际生产数量”，
id:‘ap’，
数据：[2]
},
]
}
}); 

我之所以选择让第一个级别覆盖工具提示，是因为构建了深入分析，我认为所有这些深入分析都将使用相同的工具提示格式

您可以找到一个工作的JSFIDLE