Как изменить временной интервал с месяца на неделю или недели на дни, используя график. js? - PullRequest
Новая
       22

Как изменить временной интервал с месяца на неделю или недели на дни, используя график. js?

0 голосов
/ 03 марта 2020

У меня есть базовая c линейная диаграмма, в которой перечислены 3 пользователя (например) данные за месяцы. Я хочу дать возможность изменять данные в неделях и днях, когда пользователь выбирает недели из выпадающего списка, тогда данные за месяцы должны отображаться в неделях, а если пользователь выбирает дни, они должны показываться в днях. Как этого добиться, используя диаграмму. js?

Может ли кто-нибудь помочь с этим, пожалуйста?

Ниже приведен код для базовой диаграммы c: 

var ctx = document.getElementById('myLineChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',   
    data: {
        labels: ['January', 'February', 'March','April','May'],
        datasets: [{
            label: 'Item1',
            fill: false,
            data: [10, 30, 30,40,20],
            borderColor: '#FF5733',                 
            borderWidth: 2
        },
        {
            label: 'Item2',
            fill: false,
            data: [20, 50, 60,20,40],
            borderColor: '#337AFF',
            borderWidth: 2
        },
        {
            label: 'Item3',
            fill: false,
            data: [20, 30, 40,50,30],
            borderColor: '#9EA0A3',
            borderWidth: 2
        }
        ]
    },      
    options: {
        scales: {
            xAxes: [{           
                distribution: 'linear',
                display: true,
                scaleLabel: {
                    display: true,
                    labelString: 'Period'
                }
            }
            ],
            yAxes: [{
                display: true,
                scaleLabel: {
                    display: true,
                    labelString: 'items'
                }
            }]
        }
    }
});
...