3

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

2 回答 2

1

据我所知，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 ) 库 (Demo: http://eligrey.com/demos/FileSaver.js /）。不过，我认为该库只能导出为 PNG，并且有一些浏览器版本限制。进一步阅读：http ://eligrey.com/blog/post/saving-generated-files-on-the-client-side 。

于 2013-11-27T08:27:40.647 回答
1

这可能会有所帮助。

http://www.kendoui.c​​om/code-library/dataviz/chart/kendo-ui-chart-export.aspx

在剑道网站上发现了这个

于 2013-08-26T07:17:06.923 回答