2016-01-13 53 views
1

我有c3.js圖表​​,一切工作正常。圖表的代碼。如何在表格中顯示c3.js數據

adminChart = c3.generate({ 
     bindto: '#admin-chart', 
     data: { 
      columns: [ 
       ['data1', 300, 350, 300, 0, 0, 0], 
       ['data2', 130, 100, 140, 200, 150, 50] 
      ], 
      types: { 
       data1: 'area', 
       data2: 'area-spline' 
      } 
     } 
    }); 

現在我需要將數據綁定到表中。有沒有辦法使用c3.js將數據放入表中,或者我需要使用JavaScript或jQuery來做到這一點?

回答

1

答案:構建一個構造函數,根據您的表模式規範化數據並使用ORM(對象關係映射)將數據插入到數據庫中。如果你使用MySQL,我會建議使用Sequelize作爲你的ORM。如果您使用PostGres,我會建議使用MonGoose作爲您的ORM。

闡述: 如果你正試圖從圖表獲取數據,並將其插入到數據庫表中,那麼你應該建立某種形式的構造函數,抓住數據和標準化它根據您的表模式。然後,將規範化數據提供給ORM方法以插入或更新數據庫表。

通常情況下,您可以以相反的方式進行操作,即從數據庫中提取數據以填充圖表。所以你想要做相反的事實導致我相信你有讓用戶在頁面上的某個地方輸入數據,然後你抓住這些輸入用於圖表。

如果我的假設是正確的,我會建議將用戶輸入提交給數據庫(使用ORM),然後檢索要用於圖表的數據(再次使用ORM)。

我希望這能夠充分回答你的問題。