剑道图可缩放不起作用

问题描述：

我在我的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>

什么是我正在做的错误？

谢谢

http://jsfiddle.net/Maharshi/8rukm6ou/这里是小提琴手链接，不能在问题部分补充。 –

答

您使用KendoUI的版本错误。平移和缩放只是在v2015.3.930版本中引入的，可以在2周内激活。您需要将您的JavaScript引用更新为新版本。

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

我认为它的更新版本zoomable功能在我正在使用的Js文件中可用。这是我的版本“Kendo UI v2015.2.902”也是可用的zoomable。你可以在_initScroller函数中找到它。你能检查我吗？ –

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

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

剑道图可缩放不起作用

相关推荐