如何为AmChart生成的PDF自定义页眉和页脚?

时间:2018-08-14 07:19:31

标签: javascript angular2-services amcharts

我能够创建已经在amChart库中预定义的PDF。

我想创建带有行和页码的页眉和页脚。在下面的代码中,我只能显示文本。

'export': {
                    'enabled': true,
                    'header': 'AnyText',
                    'footer': 'Page 1 of 1',
                    'dateFormat': 'YYYY-MM-DD HH:NN:SS',
                    'pageOrigin': false,
                    'fileName': 'Graph',
                    'menu': [{
                        'class': 'export-main',
                        'menu': [
                            'PDF',
                            'PRINT'
                        ]
                    }]
                }

如何通过添加行和空格来自定义页眉和页脚?

我浏览了AmChart网站,但没有找到任何信息(也许我错过了)。

1 个答案:

答案 0 :(得分:1)

AmCharts在其PDF导出功能的内部使用pdfMake。要覆盖页眉和页脚,可以传入pdfMake object,它与pdfMake documentation中的docDefinition对象相同,以覆盖布局或其他设置,例如页眉和页脚。页眉和页脚可以是静态字符串,也可以是动态函数,它们返回带有格式信息的对象,例如

'export': {
  'enabled': true,
  'pdfMake': {
    'header': 'AnyText',
    'footer': function(currentPage, pageCount) {
      return {
        text: 'Page ' + currentPage + ' of ' + pageCount,
        alignment: 'center'
      }
    }
  }
  'dateFormat': 'YYYY-MM-DD HH:NN:SS',
  'pageOrigin': false,
  'fileName': 'Graph',
  'menu': [{
    'class': 'export-main',
    'menu': [
      'PDF',
      'PRINT'
    ]
  }]
}