如何使饼图响应？

Question

我在我的项目中使用了 Peity-Chart 库，它们运行良好，但由于它们是用 svg 构建的，因此我在使它们具有响应性时遇到了问题。当我将高度宽度更改为 % 时，图表显示默认高度宽度（16x16）。我尝试使用 jquery/javascript 更改高度宽度，但它不起作用。有什么方法可以使这些图表响应。图书馆链接如下： Peity-chart

我的这个图表的 Js 代码如下：

$(".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'});
    }
})