2016-07-13 135 views
1

所以,我有如下圖:FusionChart導出爲PDF上的圖表沒有導出圖像

enter image description here

,你可以看到我在圖表中的小圖像(註釋)和現在用的內置函數將圖表導出爲PDF(因爲我無法找到允許我通過控制器或通過iTextSharp進行編碼的代碼) - 這種方式很有用,因爲它提供了多種選擇來導出(PDF,PNG,JPG等) - 但是,例如,導出爲PDF時,您看到的小圖像不會顯示。

是否有需要設置的屬性,例如允許導出完成的屬性:exportenabled='1'

提前致謝。

+1

您正在使用哪個版本的FusionCharts **?最新版本的FusionCharts **(版本3.11.0)**支持圖像導出。 注意:圖像必須是相同的域,並且不能跨域。 這裏是最新版本的FusionCharts的鏈接 - http://static.fusioncharts.com/code/latest/fusioncharts.js – Arnab003

+0

老實說,我其實不確定。但是它是免費版本。我會假設註釋與圖表導出不支持免費版本? – AxleWack

+0

根據FusionCharts的**特性**,免費版和許可版本之間**沒有區別**。 – Arnab003

回答

2

@AxleWack

試試這個代碼 -

<html> 
<head> 
<title>My first chart using FusionCharts Suite XT</title> 
<script type="text/javascript" src="http://static.fusioncharts.com/code/latest/fusioncharts.js?cacheBust=82"></script> 
<script type="text/javascript" src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js?cacheBust=82"></script> 
<script type="text/javascript"> 
    FusionCharts.ready(function(){ 
    var revenueChart = new FusionCharts({ 
     "type": "column2d", 
     "renderAt": "chartContainer", 
     "width": "500", 
     "height": "300", 
     "dataFormat": "json", 
     "dataSource": { 
      "chart": { 
      "caption": "Monthly revenue for last year", 
      "subCaption": "Harry's SuperMart", 
      "xAxisName": "Month", 
      "yAxisName": "Revenues (In USD)", 
      "exportEnabled": "1", 
      "canvasBgAlpha": "50", 
      "bgImageVAlign": "middle", 
      "bgImageHAlign": "middle", 
      "bgImageScale": "120", 
      "bgImage": "http://localhost:8888/Sample/fc.png", 
      "theme": "fint" 
     }, 
     "data": [ 
      { 
       "label": "Jan", 
       "value": "420000" 
      }, 
      { 
       "label": "Feb", 
       "value": "810000" 
      }, 
      { 
       "label": "Mar", 
       "value": "720000" 
      }, 
      { 
       "label": "Apr", 
       "value": "550000" 
      }, 
      { 
       "label": "May", 
       "value": "910000" 
      }, 
      { 
       "label": "Jun", 
       "value": "510000" 
      }, 
      { 
       "label": "Jul", 
       "value": "680000" 
      }, 
      { 
       "label": "Aug", 
       "value": "620000" 
      }, 
      { 
       "label": "Sep", 
       "value": "610000" 
      }, 
      { 
       "label": "Oct", 
       "value": "490000" 
      }, 
      { 
       "label": "Nov", 
       "value": "900000" 
      }, 
      { 
       "label": "Dec", 
       "value": "730000" 
      } 
      ] 
     } 

    }); 
revenueChart.render(); 
}) 
</script> 
</head> 
<body> 
    <center><div id="chartContainer">FusionCharts XT will load here!</div></center> 
</body> 
</html> 

將這個HTML本地主機的根目錄下的文件夾名稱樣品(即ROOTDIR - >樣本 - >的index.html)。

這裏,圖像名稱是'fc.png'。將圖片放入樣本文件夾(即rootDir - > Sample - > fc.png)。

確保如果使用本地主機在域名通過瀏覽器訪問HTML頁面(如http://localhost:8888/Sample/index.html),給出bgImage值屬性爲http://localhost:8888/Sample/fc.png,否則,如果您在域名中使用IP地址來訪問例如,通過瀏覽器訪問頁面的HTMLhttp://192.168.0.160:8888/Sample/index.html,值爲bgImage atrribute將會像 - http://192.168.0.160:8888/Sample/fc.png

該域名應該是相同的圖像和HTML。

以上是本地設置的解決方案。您也可以使用FusionChartsexporter handlers用於各種技術,如ASP .Net,php,Ruby On Rails,Java EE。

現在嘗試導出圖表,它將與圖像一起導出。

謝謝!希望我能夠正確地解釋你。 :)