Question

所以我有以下图表：

正如你所见，我在图表中有很少的图像（注释），并使用内置函数将图表导出为PDF（因为我无法找到允许我通过控制器或通过iTextSharp执行此操作的代码） - 这很好用，因为它提供了许多选择导出到（PDF，PNG，JPG等） - 但是，例如，导出到PDF时，您看到的小图像不会显示。

是否需要设置一个属性，例如允许导出的属性：exportenabled='1'？

提前感谢。

Answer 1

@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 放在文件夹名称示例下 localhost 的根目录中（即rootDir - ＆gt; Sample - ＆gt; index） html的）。

此处，图像名称为“fc.png”。将图像放在 Sample 文件夹中（例如，rootDir - ＆gt; Sample - ＆gt; fc.png）。

确保您在域名中使用 localhost 来通过浏览器访问HTML页面（例如http://localhost:8888/Sample/index.html），并将 bgImage 属性的值设为http://localhost:8888/Sample/fc.png，否则，如果您使用域名中的IP地址通过浏览器访问 HTML 页面，例如。 http://192.168.0.160:8888/Sample/index.html， bgImage atrribute的值将类似于 - http://192.168.0.160:8888/Sample/fc.png。

图像和html的域名应该相同。

以上是本地设置的解决方案。您还可以将 FusionCharts exporter handlers用于各种技术，如ASP .Net，php，Ruby On Rails，Java EE。

现在尝试导出图表，它将与图像一起导出。

谢谢！希望我能够正确地解释你。：）

FusionChart导出为PDF不导出图表上的图像

1 个答案: