如何在同一頁面上使用不同數據加載多個Chartjs圖表？

我有一個網站和一些圖表js建成的圖表。圖表的數據全部在一個文件中，births.js。之前，有多個頁面，所以加載正確的圖表我使用的功能和if語句爲每個頁面如何在同一頁面上使用不同數據加載多個Chartjs圖表？

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

等

現在我已責成具有一個交互式網頁上的所有內容，所以indexOf將始終是索引。有沒有辦法重寫函數，以便我可以在同一頁面上加載不同的數據？

來源

2017-02-13 CEamonn

好吧，那麼你可以使用不同的ID爲不同的圖表。甚至不是每個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

與另一個ID爲不同的圖表

<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

再次同

來源

2017-02-13 12:42:11 prabhjot

如何在同一頁面上使用不同數據加載多個Chartjs圖表？

回答

相關問題