我尝试了来自 jsfiddle ( https://jsfiddle.net/varunoberoi/mcd6ucge ) 的 c3.js 代码，但它似乎在我的本地主机上不起作用。
我正在使用 uniserver 作为我的服务器。我复制粘贴了所有内容，但它不起作用。
<html>
<head>
<!-- CSS -->
<link href="css/c3.css" rel="stylesheet" type="text/css" />
<!-- JAVASCRIPT -->
<script src="js/d3.min.js" type="text/javascript"></script>
<script src="js/c3.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload=function(){
var chart = c3.generate({
data: {
columns: [
['data1', 300, 350, 300, 0, 0, 0],
['data2', 130, 100, 140, 200, 150, 50]
],
types: {
data1: 'area',
data2: 'area-spline'
}
},
axis: {
y: {
padding: {bottom: 0},
min: 0
},
x: {
padding: {left: 0},
min: 0,
show: false
}
}
});
}
</script>
</head>
<body>
<div id="chart"></div>
</body>
</html>
当我检查 Developer Tools 的控制台时，我得到的是:
c3.js:5783 Uncaught TypeError: Cannot read property 'category10' of undefined
我尝试了不同版本的 c3.js 但没有。这很奇怪，因为它在 jsfiddle 中工作，而不是在我的本地工作。
最佳答案
我通过从 D3.js v4 (4.1.1) 降级到 v3 (3.5.17) 解决了另一个项目中完全相同的 JavaScript 错误。
事实证明，C3.js，截至 2016 年 7 月，does not support D3.js v4 :
It definitely will not work as-is with [D3.js] 4.0. D3 v4 has a totally different namespace and is in no way backwards compatible. Updating to v4 is a very non-trivial task.
关于javascript - C3JS - 无法读取未定义的属性 'category10'，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38344643/