Asp.net mvc 5 FusionChart导出为PDF不导出图表上的图像
因此,我有以下图表: 正如你所看到的,我在图表中有一些图像(注释),我正在使用内置函数将图表导出为PDF(因为我找不到允许我通过控制器或通过iTextSharp进行导出的代码)-这非常有效,因为它提供了许多导出到(PDF、PNG、JPG等)的选项-但是,例如,导出为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
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版),并且图像应该来自同一个域。