簡體   English   中英

KendoUI折線圖-動態Y軸

[英]KendoUI Line Chart - Dynamic Y-Axis

有誰知道是否可以使KendoUI圖表的y軸動態化? 最終,我想做的就是讓鼠標滾輪在其頂部滾動時增大或減小范圍。 另一種(不太優雅)的方法是僅具有兩個按鈕+和-以增加y軸上的范圍。 任何指導將不勝感激。 我無法通過文檔找到任何內容。

您可以使用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,輸出

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM