如何在 Highcharts 中定义向下钻取饼图的格式答案

【问题标题】：How to define format for Drilldown Pie Charts in Highcharts如何在 Highcharts 中定义向下钻取饼图的格式
【发布时间】：2020-02-12 11:04:00
【问题描述】：

如何在 Highcharts 中定义向下钻取饼图的格式，类似于我们对普通饼图使用 series.dataLabels.format 的方式？

这是我为普通饼图编写的代码。一旦我向下钻取，我希望它采用{point.name}({point.count}): {point.y:.1f}% 以外的其他格式。

series: {                         
    dataLabels: {
        enabled: true,
        format: '{point.name}({point.count}): {point.y:.1f}% ',
        inside: true,
        position: {
            x: 10,
            y: -100
        }
    }
}

【问题讨论】：

标签： highcharts pie-chart react-highcharts

【解决方案1】：

您可以在 Drilldown.series 选项中设置想要的格式。

代码：

drilldown: {
        series: [
            {
                    dataLabels: {
                    format: '{point.name} test test test'
                },
                name: "Chrome",
                id: "Chrome",
                data: [
                    [
                        "v65.0",
                        0.1
                    ]...
         }]
     }

演示：https://jsfiddle.net/BlackLabel/f981q3vj/

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

【讨论】：

谢谢塞巴斯蒂安。有效。我只想知道下钻的 {point.name} 来自哪里？如果 {point.name} 让我在数据中获得“v65.0”，那么我如何访问数据中的“0.1”？
它取自您的数据，其中第一个值是名称，第二个是“y”值。您可以使用 `format: '{point.y}' 来显示值。演示：jsfiddle.net/BlackLabel/ac5o1f6q API：api.highcharts.com/highcharts/series.line.dataLabels.format
谢谢塞巴斯蒂安。我不能按照我想要的方式标记字段吗？例如。我想要 {point.tag} 而不是 {point.name}
实际上可以，但这需要将数据格式更改为将定义标签的对象数组。喜欢这里：jsfiddle.net/BlackLabel/zeh96ps1