Question

我不能在容器div Highchart中放置一个标题来导出或打印（使用exports.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/

在exports.js中使用Highchart中的标题

1 个答案: