2015-10-07 87 views
0

我在我的html頁面上實現了劍道圖(列)。 我發現有可用於劍道圖的可縮放和可平移屬性。 它沒有在我身邊工作。這是我迄今爲止所做的。劍道圖可縮放不起作用

$(document).ready(function() { 
 
    var Chartdata = []; 
 
    var columndt = []; 
 
    $.ajax({ 
 
     type: "GET", 
 
     cache: true, 
 
     url: "https://api.myjson.com/bins/43u4i", 
 
     async: false 
 
    }).success(function (result) { 
 
     var dataresult = result; 
 
     $(dataresult).each(function (e, data) { 
 
      Chartdata.push({ 
 
       "date": new Date(Date.parse(data.date)), 
 
       "close": data.close, 
 
       "volume": data.volume, 
 
       "high": data.high, 
 
       "low": data.low, 
 
       "open": data.open, 
 
       "symbol": data.symbol 
 
      }); 
 
     }); 
 
     $(Chartdata).each(function (e, data) { 
 
     columndt.push({ 
 
      date: new Date(Date.parse(data.date)), 
 
      value: data.volume, 
 
     }); 
 
    }); 
 
    }); 
 

 
$("#Colchart").kendoChart({ 
 
     series: [{ 
 
      type: "column", 
 
      field: "value", 
 
      categoryField: "date" 
 
     }], 
 
     categoryAxis: { 
 
      baseUnit: "second", 
 
      majorGridLines: { 
 
       visible: false 
 
      } 
 
     }, 
 
     valueAxis: { 
 
      line: { 
 
       visible: false 
 
      } 
 
     }, 
 
     dataSource: { 
 
      data: columndt 
 
     }, 
 
     pannable: 
 
     { 
 
      lock: "y" 
 
     }, 
 
     zoomable: { 
 
      mousewheel: { 
 
       lock: "y" 
 
      }, 
 
      selection: { 
 
       lock: "y" 
 
      } 
 
     } 
 
    }); 
 
    });
<link href="http://kendochart.webashlar.com/kendochart/Stylesheets/kendo.common-material.min.css" rel="stylesheet"/> 
 
<link href="http://kendochart.webashlar.com/kendochart/Stylesheets/kendo.material.min.css" rel="stylesheet"/> 
 
<script src="http://kendochart.webashlar.com/kendochart/Javascripts/kendo.all.min.js"></script> 
 
<script src="http://kendochart.webashlar.com/kendochart/Javascripts/jquery.min.js"></script> 
 
<div id="Colchart"></div>

什麼是我正在做的錯誤?

謝謝

+0

http://jsfiddle.net/Maharshi/8rukm6ou/這裏是小提琴手鍊接,不能在問題部分補充。 –

回答

0

您使用KendoUI的版本錯誤。平移和縮放只是在v2015.3.930版本中引入的,可以在2周內激活。您需要將您的JavaScript引用更新爲新版本。

看到有什麼新的一節:http://www.telerik.com/support/whats-new/kendo-ui

+0

我認爲它的更新版本zoomable功能在我正在使用的Js文件中可用。這是我的版本「Kendo UI v2015.2.902」也是可用的zoomable。你可以在_initScroller函數中找到它。你能檢查我嗎? –

+0

@MaharshiPrabhakar,你需要的版本2015.3.930 – ezanker

+0

它的工作..非常感謝@ezanker –