2015-02-23 37 views
0

我在連接到c3.js庫時遇到了問題。我按照c3js.org上的說明操作,但不起作用。我用了一個來自網站的簡單例子,但它沒有顯示任何東西。我加載這樣的:C3.js連接失敗

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<link rel="stylesheet" type="text/css" href="../css/c3.css"> 
 

 
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> 
 
<script src="../js/c3.min.js"></script> 
 

 
</head> 
 
<body> 
 
<div id="chart"></div> 
 

 
var chart = c3.generate({ 
 
\t bindto: '#chart', 
 
\t data: { 
 
\t columns: [ 
 
\t  ['data1', 30, 50, 70, 90], 
 
\t  ['data2', 20, 40, 60, 80] 
 
\t ] 
 
\t } 
 
}); 
 
</body> 
 
</html>

問題是我無法看到的圖表。我只能看到從我的var開始輸入的代碼。 謝謝大家

回答

0

對我來說工作非常好。請參閱此fiddle

你確定你將它設置爲正確的網址爲您的設置:

../js/c3.min.js 

的D3是掀起了CDN,但你的C3是掀起了本地路徑,所以檢查路徑解析(開放開發人員工具在您的瀏覽器&檢查錯誤)。

在小提琴中,我還包括c3.css,我注意到你的代碼沒有。

+0

我檢查了我的連接並且連接很好。在我嘗試添加c3.css後,它就起作用了。謝謝 – Desmedtj09 2015-02-23 14:01:02

0

我認爲樣式表的路徑不正確。

../可能必須是別的東西,這取決於你把你的c3.js文件放在哪裏