使用特定的kendo图表库文件而不是kendo.all.min.js

时间:2016-08-10 07:35:57

标签: javascript html angularjs kendo-ui

我在我的应用程序中使用了Kendo图表,为此" kendo.all.min.js"用来 但这个文件的大小是2.5 MB,我想优化应用程序的速度性能,因此我只想要特定的kendo图表库,

我正在使用以下库而不是kendo.all.min.js。

<script src="scripts/kendo/kendo.core.min.js"></script> 
<script src="scripts/kendo/kendo.data.min.js"></script>  
<script src="scripts/kendo/kendo.userevents.min.js"></script>
<script src="scripts/kendo/kendo.color.min.js"></script>
<script src="scripts/kendo/kendo.pdf.min.js"></script> 
<script src="scripts/kendo/kendo.drawing.min.js"></script> 
<script src="scripts/kendo/kendo.dataviz.core.min.js"></script> 
<script src="scripts/kendo/kendo.dataviz.themes.min.js"></script> 
<script src="scripts/kendo/kendo.dataviz.chart.min.js"></script> 
<script src="scripts/kendo/kendo.dataviz.chart.polar.min.js"></script> 
<script src="scripts/kendo/kendo.dataviz.chart.funnel.min.js"></script> 

当我运行应用程序时,它会抛出错误&#34; Origin未定义&#34;

$("#chart").kendoChart({
                 legend: {
                     position: "bottom",
                     item: {
                         visual: createLegendItem
                     }
                 },
                 seriesDefaults: {
                     type: "line",
                     style: "smooth",
                     visual: function (e) {
                         return createColumn(e.rect, "#6e6e78");//#0099CC")// e.options.color);
                     }
                 },
                 series: [{
                     type: "column",
                     data:  a,b,c,d,
                     labels: {
                         visible: true,
                         position: "outsideEnd",
                         visual: function (e) {
                             console.log(e); 
                             var rect;
                             //if (checkScreenSize()) {
                             //    rect = new kendo.geometry.Rect(
                             //      [e.rect.origin.x, e.rect.origin.y],  // Position of the top left corner
                             //      [25,25] // Size of the rectangle
                             //    );
                             //} else { 
                             rect = new kendo.geometry.Rect(
                             [e.rect.origin.x - position, e.rect.origin.y],  // Position of the top left corner
                             [size, size] // Size of the rectangle
                           );....

请告诉我错误的地方以及我错过了哪些文件。

1 个答案:

答案 0 :(得分:0)

在上面的文件之前使用kendo.custom.min.js文件,它将起作用