Asp.net mvc 5 FusionChart导出为PDF不导出图表上的图像

Asp.net mvc 5 FusionChart导出为PDF不导出图表上的图像,asp.net-mvc-5,fusioncharts,Asp.net Mvc 5,Fusioncharts,因此,我有以下图表: 正如你所看到的,我在图表中有一些图像(注释),我正在使用内置函数将图表导出为PDF(因为我找不到允许我通过控制器或通过iTextSharp进行导出的代码)-这非常有效,因为它提供了许多导出到(PDF、PNG、JPG等)的选项-但是,例如,导出为PDF时,不会显示您看到的小图像 是否需要设置一个属性,例如允许进行导出的属性:exportenabled='1' 提前感谢。@AxleWack 试试这个代码- <html> <head> <title

因此,我有以下图表:

正如你所看到的,我在图表中有一些图像(注释),我正在使用内置函数将图表导出为PDF(因为我找不到允许我通过控制器或通过iTextSharp进行导出的代码)-这非常有效,因为它提供了许多导出到(PDF、PNG、JPG等)的选项-但是,例如,导出为PDF时,不会显示您看到的小图像

是否需要设置一个属性,例如允许进行导出的属性:
exportenabled='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>

我的第一张使用FusionCharts Suite XT的图表
FusionCharts.ready(函数(){
var revenueChart=新的FusionCharts({
“类型”:“column2d”,
“renderAt”:“chartContainer”,
“宽度”:“500”,
“高度”:“300”,
“数据格式”:“json”,
“数据源”:{
“图表”:{
“说明”:“去年的月收入”,
“子选项”:“哈利的超级艺术”,
“xAxisName”:“月份”,
“yAxisName”:“收入(美元)”,
“exportEnabled”:“1”,
“canvasBgAlpha”:“50”,
“bgImageVAlign”:“中间”,
“bgImageHAlign”:“中间”,
“bgImageScale”:“120”,
“bgImage”:http://localhost:8888/Sample/fc.png",
“主题”:“fint”
},
“数据”:[
{
“标签”:“Jan”,
“价值”:“420000”
},
{
“标签”:“二月”,
“值”:“810000”
},
{
“标签”:“Mar”,
“价值”:“720000”
},
{
“标签”:“Apr”,
“价值”:“550000”
},
{
“标签”:“可能”,
“价值”:“910000”
},
{
“标签”:“君”,
“价值”:“510000”
},
{
“标签”:“七月”,
“价值”:“680000”
},
{
“标签”:“八月”,
“价值”:“620000”
},
{
“标签”:“Sep”,
“价值”:“610000”
},
{
“标签”:“十月”,
“价值”:“490000”
},
{
“标签”:“11月”,
“价值”:“900000”
},
{
“标签”:“十二月”,
“价值”:“730000”
}
]
}
});
revenueChart.render();
})
FusionCharts XT将在此处加载!
将此HTML放在localhost的根目录下,文件夹名Sample(即rootDir->Sample->index.HTML)

在这里,图像名称是'fc.png'。将图像放入Sample文件夹(即rootDir->Sample->fc.png)

确保如果您在域名中使用localhost通过浏览器访问HTML页面(例如),请为bgImage属性赋值为,否则如果您在域名中使用IP地址通过浏览器访问HTML页面,例如,bgImage属性的值类似于-

图像和html的域名应该相同

以上是本地设置的解决方案。您还可以使用FusionCharts实现各种技术,如ASP.Net、php、RubyonRails、JavaEE

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


谢谢大家!!希望我能给你解释清楚。:)

您正在使用哪个版本的FusionCharts?最新版本的FusionCharts(3.11.0版)支持图像导出。注意:图像必须是同一个域,而不是跨域。这是FusionCharts最新版本的链接-老实说,我实际上不确定。不过,这是免费版本。我假设免费版本不支持与图表一起导出的注释?根据FusionCharts的功能,免费版本和许可版本之间没有区别。啊,好的。我快速浏览了一下,它在3.5版上。我复制了您发送的所有内容,并替换了我的FusionChart.js并重新运行,但它仍然无法导出图像。我甚至添加了一个背景图像,它在导出时也没有添加这个…请确保您使用最新版本的FusionCharts(3.11.0版),并且图像应该来自同一个域。