[Javascript] C3JS - 未定義の 'category10'プロパティを読み取れません


Answers

D3 v4 +での作業が必要な人は、 https: //naver.github.io/billboard.js/を試してみてください

billboard.jsはC3.jsのforkedプロジェクトで、D3 v4 +サポートと同じインターフェースを持っています。

Question

私はjsfiddle( https://jsfiddle.net/varunoberoi/mcd6ucge )からこのc3.jsコードを試しましたが、私のlocalhostでは動作しないようです。

私は私のサーバーとして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で働いているので変です。