Highcharts组织图导出PDF节点文本丢失及字体大小调整求助

• 核心问题定位：导出PDF时文本丢失通常是因为节点内文本的字体在导出环境中未正确加载，或是字体大小超出节点容器范围导致被裁剪。
• 替代exporting.chartOptions的有效方案：
  1. 直接在节点数据中定义导出兼容样式：在每个节点的dataLabels配置里，明确指定字体类型和基础大小，避免导出环境无法识别默认字体：

     // 示例节点配置
     data: [{
       id: 'ceo',
       name: '公司CEO',
       dataLabels: {
         style: {
           fontSize: '14px',
           fontFamily: 'Arial, sans-serif',
           color: '#333'
         }
       }
     }]
     

  2. 通过beforeExport事件动态重置样式：在图表配置的chart.events中添加该事件，遍历所有节点数据标签，强制设置导出时的字体参数，确保导出服务能正确解析：

     chart: {
       type: 'organization',
       events: {
         beforeExport: function() {
           this.series[0].data.forEach(point => {
             point.dataLabel.update({
               style: {
                 fontSize: '12px', // 导出时的目标字体大小
                 fontFamily: 'Arial, sans-serif',
                 overflow: 'visible'
               }
             });
           });
         }
       }
     }
     

  3. 嵌入自定义字体（若使用非系统字体）：如果项目用了自定义字体，将字体文件转为Base64编码嵌入样式，避免导出服务因无法访问外部字体文件导致文本丢失：

     dataLabels: {
       style: {
         fontFamily: '"CustomCompanyFont", Arial, sans-serif',
         cssText: '@font-face { font-family: "CustomCompanyFont"; src: url(data:font/truetype;base64,你的字体Base64编码内容...) format("truetype"); }'
       }
     }
     

• 验证方法：修改配置后导出PDF，节点文本会按设置的字体大小渲染，解决字体未加载或容器溢出导致的丢失问题。

内容的提问来源于stack exchange，提问作者Roger