私はこのc3.jsコードをjsfiddle(https://jsfiddle.net/varunoberoi/mcd6ucge)から試しましたが、私のlocalhostでは動作しません。C3JS - 未定義の 'category10'プロパティを読み取ることができません
私は自分のサーバーとして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>
これです:
c3.js:5783 Uncaught TypeError: Cannot read property 'category10' of undefined
私はc3.js何もの異なるバージョンを試してみました。それは私の地元ではなくjsfiddleで働いているので変です。
両方のライブラリの絶対パス全体を指定してください。コードを身体の最後まで動かすことも良い考えです。 –
いくつかの組み合わせを実行すると、動作していないd3.jsパスが判明します。私はlocalhostパスとC:ドライブパス全体を提供しようとしましたが、まだ動作していません。私が得た解決策は、外部URL(http://d3js.org/d3.v3.js)を使用することです。私はそれがどのように働いているのか分からないが、ええ、今働いている。あなたの考えに感謝します。 :) – JJC
それは価値があるので、別のプロジェクトでD3.js v4(4.1.1)からv3(3.5.17)にダウングレードすることで、まったく同じJSエラーを解決しました。 –