【问题标题】:How to customize the Header and footer for AmChart generated PDF?如何为 AmChart 生成的 PDF 自定义页眉和页脚?
【发布时间】:2018-08-14 23:23:08
【问题描述】:

我能够创建已在 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 网站,但没有找到任何信息(也许我错过了)。

【问题讨论】:

    标签: javascript angular2-services amcharts


    【解决方案1】:

    AmCharts 在后台使用 pdfMake 来实现其 PDF 导出功能。要覆盖页眉和页脚,您可以传入一个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'
        ]
      }]
    }
    

    【讨论】:

    • 这行得通。我只需要弄清楚如何在页脚中绘制线条和日期。谢谢。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-12-26
    • 1970-01-01
    • 2020-07-08
    • 1970-01-01
    • 1970-01-01
    • 2020-02-15
    • 1970-01-01
    相关资源
    最近更新 更多