2015-02-10 136 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