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

标签 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 网站,但没有找到任何信息(也许我错过了)。

最佳答案

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'
    ]
  }]
}

关于javascript - 如何自定义 AmChart 生成的 PDF 的页眉和页脚?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51835763/

相关文章:

javascript - 使用嵌套对象的 Hapi/Joi 验证

javascript - 删除仅有效一次

angularjs - Angular2 RxJS 从 map 函数调用类函数

angular - 从 Angular4 上的 md-dialog 获取数据

javascript - 绘制图表后动态更改 amStockChart 中的所有字体颜色

javascript - Amcharts 4 TreeMap 项目符号链接(symbolic link)

javascript - 在 Angular 中的 jQuery 事件监听器中使用注入(inject)的依赖项

javascript - 如何使用 JavaScript 清除字符串中的标签

angular - 未处理的 promise 拒绝 : No provider for HTTPService

javascript - AmCharts - 折线图溢出图形容器