WedX - журнал о программировании и компьютерных науках

Как удалить предыдущую круговую диаграмму и добавить новую круговую диаграмму в js

Я разработал круговые диаграммы следующим образом: chartjs V2.6.0. Он отлично работает, когда я ищу новые данные в той же круговой диаграмме, он показывает предыдущие данные при наведении курсора. Я пытался использовать метод $('#canvas').remove();, но он не работает.

var color = [];
var label = [];
var datas = [];
var odata = 1;

for (i = 0; i < result.length; i++) {
  label.push(result[i].label);
  color.push(result[i].color);
  datas.push(result[i].value1);
}

var config = {
  type: 'pie',
  data: {
    labels: label,
    datasets: [{
      backgroundColor: color,
      data: datas
    }]
  },
  options: {
    responsive: true,
    legend: {
      display: false
    },
    tooltips: {
      enabled: true,
    },
    onClick: graphClickEvent
  }
};

var ctx = document.getElementById("state-area").getContext("2d");
new Chart(ctx, config);

function graphClickEvent(event, array) {
  console.log(event);
  console.log(array);
}

Ответы:


1

Я использовал только что удаленный предыдущий холст и добавил новый холст. это работает нормально.

$('#state-area').remove();
 $('#graph-container').append('<canvas id="state-area" height="300" height="300" style="z-index:999999;"><canvas>');

02.09.2017
Новые материалы

Объяснение документов 02: BERT
BERT представил двухступенчатую структуру обучения: предварительное обучение и тонкая настройка. Во время предварительного обучения модель обучается на неразмеченных данных с помощью..

Как проанализировать работу вашего классификатора?
Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

Работа с цепями Маркова, часть 4 (Машинное обучение)
Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..

Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..

Учебные заметки: создание моего первого пакета Node.js
Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..

Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..


Для любых предложений по сайту: [email protected]