0

コンテナー 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 の印刷またはエクスポートを行うライブラリからの提案も受け付けます。

4

1 に答える 1

0

次のように、spacingTop と spacingBottom を使用できることを発見しました。

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

したがって、chart.renderer.image または chart.renderer.text を記述して、チャートにヘッダーまたはフッターを配置できます。

ここでの解決策: http://jsfiddle.net/LZbDA/

于 2012-10-25T13:17:06.213 に答える