2016-07-13 18 views
1

So habe ich die folgende Tabelle:Fusioncharts PDF Export keine Bilder auf Diagramm exportieren

enter image description here

Wie Sie ich habe wenig Bilder (Anmerkungen) in der Tabelle sehen können und bin mit der integrierten Funktion um das Diagramm in PDF zu exportieren (Da ich keinen Code finde, der es mir erlaubt, es über den Controller oder via iTextSharp zu tun) - Das funktioniert aber sehr gut, da es eine Reihe von Optionen zum Exportieren gibt (PDF, PNG, JPG etc.) - Die kleinen Bilder, die Sie sehen, werden jedoch nicht angezeigt, wenn sie beispielsweise in PDF exportiert werden.

Gibt es eine Eigenschaft, die gesetzt werden muss, um den Export zu ermöglichen: exportenabled='1'?

Vielen Dank im Voraus.

+1

Welche Version von ** FusionCharts ** verwendest du? Die neueste Version von FusionCharts ** (Version 3.11.0) ** unterstützt den Bildexport. Hinweis: Die Bilder müssen von derselben Domäne und nicht von Domäne sein. Hier ist der Link der neuesten Version von FusionCharts - http://static.fusioncharts.com/code/latest/fusioncharts.js – Arnab003

+0

Ehrlich gesagt bin ich mir eigentlich nicht sicher. Es ist jedoch die kostenlose Version. Ich würde annehmen, dass Anmerkungen, die mit dem Diagramm exportiert werden, in der kostenlosen Version nicht unterstützt werden. – AxleWack

+0

Es gibt keinen Unterschied ** zwischen der kostenlosen Version und der lizenzierten Version gemäß den ** Features ** von FusionCharts. – Arnab003

Antwort

2

@AxleWack

Versuchen Sie diesen Code -

<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> 

Diesen HTML im Stammverzeichnis Ihres localhost unter Ordnernamen Beispiel (dh RootDir -> Beispiel -> index.html).

Hier ist der Bildname 'fc.png'. Legen Sie ein Bild in den Ordner Sample (d. H. RootDir -> Sample -> fc.png).

Vergewissern Sie sich, wenn Sie localhost in dem Domain-Namen verwenden, um die HTML-Seite über den Browser zugreifen (zB. http://localhost:8888/Sample/index.html), geben Wert für bgImage Attribut als http://localhost:8888/Sample/fc.png, sonst, wenn Sie die IP-Adresse verwenden in Domain-Namen Zugriff die HTML Seite durch Browser, für zB. http://192.168.0.160:8888/Sample/index.html, der Wert für bgImage atrribute wird wie sein - http://192.168.0.160:8888/Sample/fc.png.

Der Domänenname sollte für das Bild und HTML gleich sein.

Das obige ist die Lösung für die lokale Einrichtung. Sie können auch FusionChartsexporter handlers für verschiedene Technologien wie ASP. NET, PHP, Ruby On Rails, Java EE verwenden.

Jetzt versuchen, das Diagramm zu exportieren, es wird mit den Bildern exportiert.

Vielen Dank! Ich hoffe, ich konnte dir das richtig erklären. :)