Question

我正在尝试按照c3.js的getting started页面上的示例进行操作。

我有以下html页面：

<html>
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" charset="utf-8"></script>
        <link rel = "stylesheet" href = "static/css/c3.min.css">
        <script type="text/javascript" src="static/js/c3.min.js"></script>
    </head>

    <body>
        <script type="text/javascript">
            var chart = c3.generate({
                bindto: '#chart',
                data: {
                  columns: [
                    ['data1', 30, 200, 100, 400, 150, 250],
                    ['data2', 50, 20, 10, 40, 15, 25]
                  ]
                }
            });
        </script>
        <div id="chart"></div>
    </body>

</html>

但是，当我在浏览器中打开它时，我只看到一个空白页面。我也没有在控制台中看到任何错误。我一直在谷歌搜索几个小时，没有发现任何线索。有人可以帮我弄清楚为什么在页面加载时没有显示图表吗？

如果我将javascript复制并粘贴到控制台中，则图表会显示，但不会显示在页面加载上。

            var chart = c3.generate({
                bindto: '#chart',
                data: {
                  columns: [
                    ['data1', 30, 200, 100, 400, 150, 250],
                    ['data2', 50, 20, 10, 40, 15, 25]
                  ]
                }
            });

有没有人知道为什么这不起作用？

为什么我的浏览器忽略了这个javascript？没有执行也没有错误

0 个答案: