В настоящее время я использую ProgressBar.js и надеюсь заменить текущую панель прогресса JS другой, после того как пользователь выберет другую опцию.
Я пытаюсь использовать метод "уничтожить", перечисленный здесь:
https://progressbarjs.readthedocs.io/en/1.0.0/api/shape/?q=destroy&check_keywords=yes&area=default#destroy
У меня вопрос, как мне получить экземпляр индикатора прогресса JS, чтобы вызвать на нем команду уничтожения?
Вот код, который я использую для его создания:
var chartElement = document.createElement('div');
chartElement.id = 'containerViz';
document.body.appendChild(chartElement);
var bar = new ProgressBar.Circle(containerViz, {
color: '#aaa',
// This has to be the same size as the maximum width to
// prevent clipping
strokeWidth: 4,
trailWidth: 1,
easing: 'easeInOut',
duration: 1400,
text: {
autoStyleContainer: false
},
from: {
color: '#aaa',
width: 1
},
to: {
color: '#333',
width: 4
},
// Set default step function for all animate calls
step: function (state, circle) {
circle.path.setAttribute('stroke', state.color);
circle.path.setAttribute('stroke-width', state.width);
var value = Math.round(circle.value() * 100);
if (value === 0) {
circle.setText('');
} else {
circle.setText(value);
}
}
});