使用highcharts提供的样本(减少一些数据,以便于可见(https://jsfiddle.net/mevbg82z/2/
我正在尝试使气泡标签("美国","加拿大","墨西哥","巴西"(更大。
我已经查看了 packedbubble 的系列 API,但没有找到通过选项增加气泡中文本大小的方法 https://api.highcharts.com/highcharts/series.packedbubble
我发现这样做的唯一方法是编写 css,它不处理缩放,不居中,而且通常看起来很笨拙......
.highcharts-data-label text tspan {
font-size: 24px
}
增加这些标签大小的正确方法是什么?
看起来您可以在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'
}
}
}
},