Как я могу загрузить несколько диаграмм Chartjs с разными данными на одной странице?

Question

У меня есть сайт и некоторые диаграммы, построенные с помощью диаграммы js. Данные для диаграмм находятся в одном файле, births.js. Раньше было несколько страниц, так, чтобы загрузить правильную схему я использовал функцию и, если заявление на каждой странице

function drawChart() { 
     if (window.location.href.indexOf("scotland") > -1) { 
    } 
    else if(window.location.href.indexOf("index") > -1){ 
    } 

т.д.

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

Answer 1

ну, то вы можете использовать разные идентификаторы для разных диаграмм. Нельзя использовать этот jQuery или js-плагин.

<canvas id="yourid1" width="400" height="400"></canvas><canvas id="yourid2" width="400" height="400"></canvas> 
var ctx = document.getElementById("yourid2"); 
var myChart = new Chart(ctx, { 
    type: 'bar', 
    data: { 
     labels:......///and so on for your another charts 
    var ctx = document.getElementById("yourid1"); 
    var myChart = new Chart(ctx, { 
     type: 'bar', 
     data: { 
      labels:.......///not the complete code. just reference 

снова же с другим идентификатором для различных диаграмм

<canvas id="yourid2" width="400" height="400"></canvas> 
var ctx = document.getElementById("yourid2"); 
var myChart = new Chart(ctx, { 
    type: 'bar', 
    data: { 
     labels:......///and so on for your another charts