如何将剑道图导出为JPG，PNG，BMP，GIF

Question

有没有办法将剑道图导出为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);
            });

Answer 1

这可能会有所帮助。

http://www.kendoui.com/code-library/dataviz/chart/kendo-ui-chart-export.aspx

在剑道网站本身上发现了这一点

Answer 2

据我所知，Kendo不提供将图表导出到文件的可能性，您需要使用第三方解决方案。

服务器端

如果可以使用服务器进行导出，则可以从许多可以将svg导出为位图的工具中进行选择。

例如，如果您使用PHP，请参阅此问题以获得详细讨论。

或者在服务器上安装Inkscape，然后调用inkscape inputfile.svg --export-png=exportfile.png，与服务器上使用的语言或框架无关（不过，它需要有执行外部程序的可能性）。

在这两种情况下，您只需要向服务器发送图表的实际SVG标记（请注意，SVG实际上是一个XML文档）。这可以通过Javascript从包含HTML元素中获得。

如果你使用的是ASP.NET MVC，最好的做法是使用vinbhai4u提供的链接，这可以大大简化问题。

浏览器-侧

如果你不想或不能使用服务器，有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.