2012-10-24 63 views
0

我無法在容器div Highchart中放置標題以導出或打印(使用exporting.js)帶有附加信息的圖表。我試着用一些附加的,但它留下div.container的範圍之內,而不是外部的,如:在exporting.js中使用Highchart中的標頭

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。

+1

出口模塊傾向於使用原來的設置,以使導出的圖表,讓你的元素添加程序將不包括在內。 [這](http://stackoverflow.com/questions/12848335/highcharts-settitle-ignored-when-exporting-chart)可能會有所幫助。或者,你能否提供一個演示問題的小提琴? – cjc343

回答

0

我發現這是可能的使用spacingTop和spacingBottom這樣的:

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

所以,我可以把在排行榜書面方式chart.renderer.image或chart.renderer.text頁眉或頁腳。

這裏的解決方案:http://jsfiddle.net/LZbDA/

+1

我在印象中試圖導出包含其他信息的圖表。雖然這將在圖表中提供額外空間,但在導出時,您添加的內容將不會顯示。 – cjc343