2013-08-26 3 views
3

Есть ли способ экспортировать диаграмму кендо в JPG, PNG, BMP, GIF. С выбором типа формата с помощью выпадающего списка.Как экспортировать диаграмму кендо в 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); 
      }); 

ответ

1

К моему знанию Кендо не дает возможности экспортировать таблицу в файл, вы должны использовать сторонние решения.

Серверный

Если вы можете использовать сервер для экспорта, вы можете выбрать один из многих инструментов, которые могут экспортировать SVG в растровое изображение.

Например, если вы используете PHP, см. this question для подробного обсуждения.

Или установите Inkscape на свой сервер и позвоните по номеру inkscape inputfile.svg --export-png=exportfile.png, независимо от того, какой язык или фреймворк вы используете на сервере (однако у него должна быть возможность выполнять внешние программы).

В обоих случаях все, что вам нужно отправить на сервер, это фактическая разметка SVG на диаграмме (обратите внимание, что SVG на самом деле является XML-документом). Это можно получить из содержащего HTML-элемента с Javascript.

Если вы используете ASP.NET MVC лучший курс действий для вас пойти с link предоставленной vinbhai4u, которые могут упростить вопросы значительно.

Browser -side

Если вы не хотите или не можете использовать сервер, есть 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.

Смежные вопросы