Как увеличить метку данных серии в пузырьке

Question

Использование выборки, представленной старшими диаграммами (за исключением некоторых данных для облегчения видимости) https://jsfiddle.net/mevbg82z/2/

Я пытаюсь сделать пузырьковые ярлыки («США», «Канада», «Мексика», «Бразилия») больше.

Я посмотрел на API серии для packbubble, но не нашел способа увеличить размер текста в пузырьках с помощью параметров https://api.highcharts.com/highcharts/series.packedbubble

Единственный способ сделать это - написать css, который не обрабатывает масштабирование, не центрируется и, как правило, кажется хакерским ...

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

Как правильно увеличить размер этих ярлыков?

Answer 1

Похоже, вы можете установить fontSize внутри plotOptions.packedbubble.dataLabels

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'
            }
        }
    }
},