2015-02-10 105 views
0

有谁知道是否有可能使KendoUI图表的y轴动态化?最终我想要做的是让鼠标滚轮在滚动顶部时增加或减少范围。另一种(不太优雅的)方式只需要两个按钮+和 - 来增加y轴的范围。任何指导将不胜感激。我无法通过文档找到任何内容。KendoUI折线图 - 动态Y轴

回答

2

可以使用chart.setOptions改变valueAxis最小值和最大值的属性的东西,如

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在窗口处理程序来捕获事件的鼠标滚轮,并DOMMouseScroll和使用这些事件处理程序调用的增加/减少Y轴

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

+0

正是我looki恩,谢谢! – Duffp 2015-02-10 15:46:21