同じページに異なるデータを持つ複数のChartjsチャートを読み込むにはどうすればよいですか？

Question

私はウェブサイトといくつかのチャートをチャートjsで構築しています。グラフのデータはすべてbirths.jsのファイルにまとめられています。前に、私は機能を使用し、正しいチャートをロードして、各ページ

ためのif文ために、複数のページがあった

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

など

私は今、1つのインタラクティブなページ上のすべてを持つ使命を帯びてきました、 indexOfは常にインデックスになります。同じページに異なるデータをロードできるように関数を書き換える方法はありますか？

Answer 1

でも、異なるcharts.Notでは異なるIDを使用することもできます。この場合でも、このすべてのjqueryまたはjsプラグインはこのように使用できます。異なるチャート

<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 

ための別のIDを持つ再び同じ

<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