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

时间:2013-08-26 05:34:04

标签: kendo-ui kendo-dataviz

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

2 个答案:

答案 0 :(得分:1)

这可能有所帮助。

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

在剑道网站上发现了这个

答案 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