如何使Peity图表重新定位?

时间:2017-01-05 13:42:44

标签: jquery svg charts

我在我的项目中使用了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'});

1 个答案:

答案 0 :(得分:0)

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