2016-01-07 27 views
0

我的条形图在窗口内。当窗口打开时,图表已创建,但可缩放和可平移选项不起作用?任何想法为什么?我的数据源链接到一个对象数组变量。Kendo UI条形图 - 平移和缩放不起作用?

$("#chart").kendoChart({ 
    pannable: { 
     lock: "y" 
    }, 
    zoomable: { 
     mousewheel: { 
      lock: "y" 
     }, 
     selection: { 
      lock: "y" 
     } 
    }, 
    dataSource: dsSales, 
    title: { 
     text: "Sales Analysis" 
    }, 
    legend: { 
     position: "top", 
     visible: true 
    }, 
    tooltip: { 
     visible: true, 
     template: "#= series.name # : #= value # (#= dataItem.month #)" 
    }, 
    seriesDefaults: { 
     type: pcChartType 
    }, 
    series: [ 
     {field:"OrderQty", name:"Order Qty", colorField:"useColorQty"}, 
     {field:"OrderValue", name:"Order Value", colorField:"useColorValue"}, 
    ], 
    categoryAxis: { 
     field:"month", 
     majorGridLines: { 
      visible: true 
     } 
    }, 
    valueAxis: { 
     minorGridLines: { 
      visible: true 
     } 
    }, 
    dataBound: function(e){ 

    } 
}).data("kendoChart"); 

回答

0

在剑道UI图表泛&缩放功能是,在写这篇文章的,只被提供最近对所有的图表中的新功能。如果您使用最新剑道UI的版本,例如v2016.1.112,你的样本无疑会按照您所提供的正确配置如下:(从dsSales特别是数据)

$("#chart").kendoChart({ 
     renderAs: "canvas", 
     // ... other stuff here 
     pannable: { 
      lock: "y" 
     }, 
     zoomable: { 
      mousewheel: { 
       lock: "y" 
      }, 
      selection: { 
       lock: "y" 
      } 
     } 
    }); 

没有一个重复的样品这很难进一步分析。