Question

我在html页面上实现了剑道图表（列）。我发现kendo图可以使用zoomable和pannable属性。它不适合我。这是我到目前为止所做的。

$(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>

我犯的错误是什么？

谢谢

Answer 1

您使用的是错误的KendoUI版本。平移和缩放刚刚在v2015.3.930版本中引入，该版本在2周内发布。您需要将javascript引用更新为更新版本。

查看新内容：http://www.telerik.com/support/whats-new/kendo-ui

kendo图表缩放不起作用

1 个答案: