2013-02-27 63 views
0

您好我正在研究highhchart,並堅持一個聽起來非常簡單的點,但無法找到任何答案。 prining當當圖表標題爲空時點擊打印按鈕時,打印圖表中的標題在圖表標題爲空時打印按鈕

定義highcharts

,但對出口的時候我加入了圖表標題像

exporting: { 
      filename: '<?php echo $description ; ?>', 
      buttons: { 
       exportButton: { 
        menuItems: [{ 
         text: 'Export Chart', 
         onclick: function() { 
          this.exportChart({}, { 
           title: { 
            text: '<?php echo $description ; ?>', 
             style: { 
              width: '450px' 
             } 
           } 
          }); 
         } 
        }, 
        null, 
        null, 
        null] 
       } 
      } 
     } 

我設置圖表標題空我不能夠配置如何添加圖表標題和等參數圖表,我做的出口。

這是我的工作小提琴圖表出口 http://jsfiddle.net/4SwvV/

與標題出口出口時圖設置爲null

我沒有得到如何在打印實現這一目標。並打印允許這樣設置選項導出圖表標題/

回答

1

而是抓menuitemclick的,你可以設置這個選項在出口

chartOphttp://api.highcharts.com/highcharts#exporting.chartOptions

因此,作爲一個結果,它看起來像http://jsfiddle.net/4SwvV/

exporting: { 
     filename: 'Export chart', 
     chartOptions:{ 
      title:{ 
       text:'Exported chart' 
      } 
     }, 
     buttons: { 
      exportButton: { 
       menuItems: [{ 
        text: 'Export Chart' 
       }, 
       null, 
       null, 
       null] 
      } 
     } 
    }, 

編輯:

可以使用不完美的解決方案http://jsfiddle.net/4SwvV/4/

title: { 
     useHTML: true, 
     text: '<div id="title">Example title</div>', 
     style: { 
      width: '300px' 
     } 
    }, 

按鈕:

onclick: function() { 
         $('#title').hide(); 
         chart.print(); 
         $('#title').show(); 
        } 
+0

我想在這裏你的榜樣http://jsfiddle.net/4SwvV/3/這聽起來不錯在圖表選項中定義的選項反映了出口,但不WHN我嘗試打印圖表標題似乎丟失時,我想要打印它。 – Rinzler 2013-02-27 10:01:04

+0

,因爲它聲明「要合併到導出圖表中的附加圖表選項,例如,導出的圖表可以給定特定的寬度和高度,或打印機友好的顏色方案,默認爲空。是否有任何圖表選項,可以配置爲打印 – Rinzler 2013-02-27 10:04:43

+0

這似乎工作,並回答我的問題http://jsfiddle.net/4SwvV/8/,但不能與所有頁面導出圖表。我想導出和圖表工作相同雖然:) – Rinzler 2013-03-01 05:43:34