Wie macht man Peity-Chart?

Question

Ich habe die Peiy-Chart-Bibliothek in meinem Projekt verwendet und sie funktionieren gut, aber ich habe Probleme damit, sie reagieren zu lassen, wie sie mit Svg gebaut werden. Wenn ich die Höhe der Breite in% ändere, wird die Karte mit der Standardhöhe (16x16) angezeigt. Ich habe versucht, die Höhe mit jquery/javascript zu ändern, aber es funktioniert nicht. Gibt es eine Möglichkeit, diese Diagramme ansprechbar zu machen? Bibliothek Link ist wie folgt: Peity-chart

Mein Js Code für diese Diagramme wie folgt:

$(".pie").peity("pie",{width:'800',height:'400'}); 
$(".donut").peity("donut",{width:'800',height:'400'}); 
$(".line").peity("line",{width:'800',height:'400'}); 
$(".bar").peity("bar",{width:'800',height:'400'}); 

Answer 1

$(window).resize(function(){ 
    if ($(window).width() <= 768) { 
     $("span.pie").peity("pie", {width: '100', height: '100'}); 
    } else { 
     $("span.pie").peity("pie", {width: '300', height: '300'}); 
    } 
})