javascript - 在 exporting.js 中使用 Highchart 中的标头

Question

我无法在容器 div Highchart 中放置标题来导出或打印（使用 exporting.js）带有附加信息的图表。我尝试使用一些附加，但它保持在 div.container 的限制范围内而不是外部，例如：

 chart.renderer.image('icons/custom/ERI_UF_rgb.png ', 0, -50, 120, 48).add();
 chart.renderer.text('This is the footer text. limited It has text
                      space based on chart width', 10, 265)
      .css({
          color: '# 4572A7'
          fontSize: '12px '
      })
      .add();
 chart.renderer.text('This is the sub-footer text. Avoid covering 
                      credits text on bottom', 10, 280)
      .css({
          color: '# 4572A7'
          fontSize: '12px '
      })
      .add();

有人对此有解决方案吗？我也接受来自打印或导出某些 div 的库的建议。

Answer 1

我发现可以像这样使用spacingTop 和spacingBottom：

chart: {
        renderTo: 'container',
        spacingTop: 200,
        spacingBottom: 200
    }

所以，我可以在图表中添加页眉或页脚来编写chart.renderer.image 或chart.renderer.text。

解决方案：http: //jsfiddle.net/LZbDA/