我們可以使用JQUERY放大縮小OUT圖表圖像

Question

在我的ASP.NET應用程序中，我使用了微軟圖表控件並生成了甜甜圈和條形圖。

現在，我需要實現ZOOM IN和ZOOM OUT功能。

我在ASP.NET中找不到任何默認的方式--microsfot圖表控件來實現這一點。

如果任何人可以通過Javascript/JQUERY建議，如果可以實現的話，那將會很棒。

下面是能夠放大IN ZOOM OUT的東西，但它從實際尺寸減小，然後讓它停留在實際尺寸上。我需要增加尺寸才能縮小。

$('#image').hover(function(){ 
    $(this).css({width:"100%",height:"100%"}); 
    },function(){ 
    $(this).css({width:"50%",height:"50%"}); 
    }); 

謝謝 Dhaval瑞裏

Answer 1

Zoomooz plugin可以幫助你。

它容易實現，它支持jQuery的

你可以放大一個容器

Jsfiddle to zoom text when click

$("#zoom").click(function() { 
    $(this).zoomTo({ 
     targetsize: 1.0, 
     root: $(".container") 
    }); 
});