Question

有谁知道是否可以使KendoUI图表的y轴动态化？最终我想要做的是让鼠标滚轮在其上滚动时增大或减小范围。另一种（不那么优雅）的方式就是有两个按钮+和 - 来增加y轴的范围。任何指导将不胜感激。我还没有通过文档找到任何东西。

Answer 1

您可以使用chart.setOptions更改valueAxis min和max属性，例如

var chart = $("#chart").data("kendoChart");
var min = chart.options.valueAxis.min;
var max = chart.options.valueAxis.max;
chart.setOptions({ valueAxis: { min: min * 1.25, max: max * 0.75 }});

您可以通过单击按钮等来调用。使用此StackOverflow应答（https://stackoverflow.com/a/22518932/1293912）我在窗口上使用了一个jquery处理程序来捕获事件mousewheel，并使用DOMMouseScroll并使用这些事件处理程序调用增加/减少Y轴

这是一个快速而肮脏的样本http://jsbin.com/dateka/1/edit?html,js,output

KendoUI折线图 - 动态Y轴

1 个答案: