如何在 highcharts 包装气泡中增加系列数据标签答案

【问题标题】：How to increase series data label in highcharts packed bubble如何在 highcharts 包装气泡中增加系列数据标签
【发布时间】：2019-06-13 01:43:23
【问题描述】：

使用 highcharts 提供的样本（少一些数据以便于可见性）https://jsfiddle.net/mevbg82z/2/

我正在尝试使气泡标签（“美国”、“加拿大”、“墨西哥”、“巴西”）更大。

我查看了 packedbubble 的系列 API，但没有找到通过选项 https://api.highcharts.com/highcharts/series.packedbubble 增加气泡中文本大小的方法

我发现这样做的唯一方法是编写 css，它不处理缩放，不居中，而且通常看起来很 hacky...

.highcharts-data-label text tspan {
    font-size: 24px
}

增加这些标签大小的正确方法是什么？

【问题讨论】：

标签： highcharts

【解决方案1】：

看起来你可以在plotOptions.packedbubble.dataLabels 中设置fontSize

plotOptions: {
    packedbubble: {
        minSize: '20%',
        maxSize: '100%',
        zMin: 0,
        zMax: 1000,
        layoutAlgorithm: {
            gravitationalConstant: 0.05,
            splitSeries: true,
            seriesInteraction: false,
            dragBetweenSeries: true,
            parentNodeLimit: true
        },
        dataLabels: {
            enabled: true,
            format: '{point.name}',
            filter: {
                property: 'y',
                operator: '>',
                value: 250
            },
            style: {
                color: 'black',
                textOutline: 'none',
                fontWeight: 'normal',
                fontSize: '24px'
            }
        }
    }
},

【讨论】：