我无法在组织结构图上设置字体大小,我想在'em'单位中使用,因为在移动设备上看起来不太好。
我已经尝试过:
Highcharts.chart('container', {
chart: {
height: 600,
inverted: true
},
title: {
text: 'Highcharts Org Chart'
},
dataLabels: {
style: {
fontSize: '30px'
}
},
series: [{
type: 'organization',
name: '',
keys: ['from', 'to'],
data: [
['Shareholders', 'Board'],
['Board', 'CEO'],
['CEO', 'CTO'],
['CEO', 'CPO'],
['CEO', 'CSO'],
['CEO', 'CMO'],
['CEO', 'HR'],
['CTO', 'Product'],
['CTO', 'Web'],
['CSO', 'Sales'],
['CMO', 'Market']
],
levels: [{
level: 0
dataLabels: {
style: {
fontSize: '30px'
}
}
}],
dataLabels: {
style: {
fontSize: '30px'
}
}
}]
})
任何想法?
[还有其他样式,例如“颜色”或“ fontFamily”确实有效
即使使用fontSize
单位,为每个特定级别定义的或为整个系列定义的em
也可以正常工作。
演示:https://jsfiddle.net/BlackLabel/voz3btL1/
levels: [{
level: 0,
dataLabels: {
style: {
fontSize: '4em'
}
}
}],
API:https://api.highcharts.com/highcharts/series.organization.dataLabels.style.fontSize