有没有办法将剑道图表导出到JPG,PNG,BMP,GIF。使用下拉列表选择格式类型。
function createChart() {
$("#chart").kendoChart({
theme: $(document).data("kendoSkin") || "default",
title: {
text: "Internet Users"
},
legend: {
position: "bottom"
},
chartArea: {
//It's important that your background NOT be transparent for proper exporting
//of some file types - most noticeably Jpeg
background: "white"
},
seriesDefaults: {
type: "bar"
},
series: [{
name: "World",
data: [15.7, 16.7, 20, 23.5, 26.6]
}, {
name: "United States",
data: [67.96, 68.93, 75, 74, 78]
}],
valueAxis: {
labels: {
format: "{0}%"
}
},
categoryAxis: {
categories: [2005, 2006, 2007, 2008, 2009]
},
tooltip: {
visible: true,
format: "{0}%"
}
});
}
$(document).ready(function () {
setTimeout(function () {
// Initialize the chart with a delay to make sure
// the initial animation is visible
createChart();
}, 400);
});
答案 0 :(得分:1)
答案 1 :(得分:1)
据我所知,剑道不提供将图表导出到文件的可能性,您需要使用第三方解决方案。
服务器侧强>
如果您可以使用服务器进行导出,则可以从许多可以将svg导出到位图的工具中进行选择。
例如,如果您使用PHP,请参阅this question以获取详细讨论。
或者在服务器上安装Inkscape,而不是调用inkscape inputfile.svg --export-png=exportfile.png
,而不管您在服务器上使用的语言或框架(但是,它需要有可能执行外部程序)。
在这两种情况下,您需要发送到服务器的只是图表的实际SVG标记(请注意,SVG实际上是一个XML文档)。您可以使用Javascript从包含HTML元素中获取。
如果您使用的是ASP.NET MVC,那么最好的方法是使用 link 提供的vinbhai4u,这可以大大简化问题。< / p>
<强> 浏览器侧的强>
如果您不想或不能使用该服务器,则有Javascript(https://github.com/eligrey/FileSaver.js)库(演示:http://eligrey.com/demos/FileSaver.js/)。我认为该库只能导出到PNG,并且有一些浏览器版本限制。进一步阅读:http://eligrey.com/blog/post/saving-generated-files-on-the-client-side。