Как очистить график chart.js?

Question

[Artem Pavliienko]

Нужно очистить график и вывести новый. Вот код:

var chart = new Chart(ctx, {
            type: type,
            data: {
                labels: date,
                datasets: [{
                    label: 'Ham / Accepted',
                    data: ham,
                    backgroundColor: '#1FE700',
                    borderWidth: 1
                },
                {
                    label: 'Spam / Dropped',
                    data: spam,
                    backgroundColor: '#E52000',
                    borderWidth: 1
                },
                {
                    data: threshold,
                    type: 'scatter',
                    borderColor: 'transparent',
                    backgroundColor: 'transparent',
                    pointBackgroundColor: '#000000'
                }]
            },
            options: {
                legend: {
                    display: false
                }
            }

        });

        chart.destroy();

        chart = new Chart(ctx, {
            type: type,
            data: {
                labels: date,
                datasets: [{
                    label: 'Ham / Accepted',
                    data: ham,
                    backgroundColor: '#1FE700',
                    borderWidth: 1
                },
                    {
                        label: 'Spam / Dropped',
                        data: spam,
                        backgroundColor: '#E52000',
                        borderWidth: 1
                    },
                    {
                        data: threshold,
                        type: 'scatter',
                        borderColor: 'transparent',
                        backgroundColor: 'transparent',
                        pointBackgroundColor: '#000000'
                    }]
            },
            options: {
                legend: {
                    display: false
                }
            }

        });

Comments

[Дмитрий Кузнецов]

Точно не знаю, но может не нужен destroy, а просто data переопределять?

[Максим Тимофеев]

Я так понимаю это как-то во времени разнесено должно быть. Смысл создавать уничтожать и создавать второй?
Ну и самый главный вопрос - что не работает?

[Artem Pavliienko]

Дмитрий Кузнецов, chart.destroy(); я его и так пробовал использовать. Ща попробую с data

[Artem Pavliienko]

Максим Тимофеев, я вот не понял как использовать .destroy(). На stackoverflow написали способ которым я с вами поделился, но у меня он не работает. он все удаляет и ни чего не показывает. У меня много json файлов с разными значениями, вот мне и нужно очищать график и новый рисовать.

[Максим Тимофеев]

Artem Pavliienko, пример в песочнице сделайте
все методы описаны: www.chartjs.org/docs/latest/developers/api.html
я не понимаю что Вы делаете, но скорее всего Вам нужно не destroy() а update(config) или render(config)

[Artem Pavliienko]

Максим Тимофеев, можете показать небольшой пример куда писать chart.data = {}; chart.update(); ? Нужно конструктор
var chart = new Chart(ctx, {...}
1 раз вызвать, а затем (например) при клике на стрелку грузиться следующий json с данными, и нужно просто их обновить. Как-то так? ок, как правильно записать это все, я вообще сообразить не могу( какая последовательность, что за чем вызывается.

chart.data = {}; chart.update(); я вставил ниже конструктра, и конечно ни чего не сработало.

[Максим Тимофеев]

Artem Pavliienko, сделайте пример в codepen или jsfiddle и вам быстро накидают решение. Не делать же это за вас? Данные придумывать и т.д. Оформите вопрос так, что бы хотелось сделать ответ.

[Artem Pavliienko]

Максим Тимофеев,Запустить не получилось... хз чего(

[Максим Тимофеев]

Artem Pavliienko, это не codepen или jsfiddle. И зачем полный пример, там куча кода, в котором надо разбираться, вы его не комментировали. Нельзя было простой пример накидать? Без лишней ерунды с преобразованием данных и т.д.

[Artem Pavliienko]

Максим Тимофеев, Вот

[Максим Тимофеев]

Максим Тимофеев, ????

Answer 1

[Andruxakonst]

Я просто удалил canvas и все в который выводил график