Question

我在连接c3.js库时遇到问题。我按照c3js.org上的说明进行操作，但它没有工作。我在网站上使用了一个简单的例子，但它并没有显示出一个东西。我这样加载：

＆＃13;

<!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>

＆＃13;

问题是我无法看到图表。我只看到从我的var开始输入的代码。谢谢你们每个人

Answer 1

对我来说非常好。请参阅此fiddle。

您确定要将此设置为正确的设置网址：

../js/c3.min.js

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

在小提琴中我还包括c3.css，我注意到你的代码还没有。

Answer 2

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

../可能必须是别的，取决于你放置c3.js文件的位置

C3.js连接失败

2 个答案: