Отзывчивый график - PullRequest
       8

Отзывчивый график

0 голосов
/ 21 января 2019

Я использую chart.js и пытаюсь изменить размер тела в зависимости от ширины экрана.

Я написал функцию, в которой переменная содержит значение экрана и определяет ширину, основываясь на этом.ширина, которую я написал, если еще логика

Этот фрагмент кода, который я написал в app.service.ts глобально

public checkWidth() {
    var width = window.innerWidth;
    if (width <= 768)
 {
        this.screenWidth = 'sm';
        this.onMobileChange(true);
    } 
else if (width > 768 && width <= 992)
 {
        this.screenWidth = 'md';
        this.onMobileChange(false);
    } 
else {
        this.screenWidth = 'lg';
        this.onMobileChange(false);
    }
}

И я использовал этот фрагмент кода в моем файле, который имеет диаграмму.

public checkWidth() 
{
        var width = window.innerWidth;
        if (width <= 1000)
 {
this.newBarThickness = 15;
            } else 
{
            this.newBarThickness  = 27;
           }
        }
...