HighCharts组织图字体大小

问题描述 投票:0回答:1

我无法在组织结构图上设置字体大小,我想在'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”确实有效

javascript highcharts
1个回答
1
投票

即使使用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

© www.soinside.com 2019 - 2024. All rights reserved.