C3.js 连接失败

Question

我无法连接到 c3.js 库。我按照 c3js.org 上的说明进行操作，但它不起作用。我使用了网站上的一个简单示例，但没有显示任何内容。我这样加载：

<!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({
 bindto: '#chart', 
 data: {
   columns: [
     ['data1', 30, 50, 70, 90], 
     ['data2', 20, 40, 60, 80]
   ]
 }
});
</body>
</html>

问题是我看不到图表。我只看到我从 var 开始输入的代码。谢谢大家

Answer 1

非常适合我。看到这个 fiddle.

您确定要为您的设置将此设置为正确的 url 吗：

../js/c3.min.js

D3 不在 CDN 中，但您的 C3 不在本地路径中，因此请检查路径是否正在解析（在浏览器中打开开发者工具并检查错误）。

在 fiddle 中，我还包含了 c3.css，我注意到您的代码没有。

Answer 2

我认为样式表的路径不正确。

../ 可能必须是其他内容，具体取决于您放置 c3.js 文件的位置

C3.js 连接失败

C3.js connection fails

c3.js