Как адаптировать плагин?

Question

[Максим]

Есть плагин jquery.easypiechart.min.js для вывода анимированных диаграмм , так вот в настройке этого pligin размеры линии указаны статически т.е в десктопной версии если скажем размер диаграммы был 300px то как указать размер для мобильной версии ?

код с указанием статичного размера

var d = {
                barColor: "red",
                trackColor: "transparent",
                scaleColor: "transparent",
                scaleLength: 5,
                lineCap: "round",
                lineWidth: 3,
                size: 180,
                rotate: 0,
                animate: 1e3,
                easing: function(a, b, c, d, e) {
                    return b /= e / 2, 1 > b ? d / 2 * b * b + c : -d / 2 * (--b * (b - 2) - 1) + c
                },
                onStart: function() {},
                onStep: function() {},
                onStop: function() {}
            };

Проблемный участок size:180

Answer 1

[Дима Паутов]

Если у этой штуки нет методов, которые без проблем дают возможность менять размеры, то инициализировать размер в зависимости от размера экрана.

Comments

[Максим]

а как это делать ?

[Дима Паутов]

Ну например:

$(window).on('load', function(){

  var winWidth = window.innerWidth;

  $('.chart').easyPieChart({
    size: winWidth > 1024 ? 180 : 300
  });

});

Примерно так. Если при загрузке ширина больше 1024, то задай размер 180, иначе 300. Или как вам там нада. Сами решите вообщем. Это конечно пример, что бы суть была понятна. Можно ещё и на ресайз повесить, но писать придётся больше.