将C3.js加载到HTML文件中

时间:2015-07-13 15:29:29

标签: c3.js

我在使用c3在我的网页上工作时遇到了很多麻烦。我的图形代码是正确的,它只是不会加载任何东西,我猜这是由于我没有正确的脚本src。有没有人有一个使用c3的启动文件,或者我需要加载它的代码。或者是否有我可以参考的CDN?

1 个答案:

答案 0 :(得分:13)

这是一个快速入门文件

<!DOCTYPE html>
<html lang="en">
<head>
    <title>C3</title>
    <meta charset="utf-8" />
    <link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
</head>
<body>
    <div id="chart"></div>
    <script>
        var chart = c3.generate({
            data: {
                columns: [
                    ['data1', 30, 200, 100, 400, 150, 250],
                    ['data2', 50, 20, 10, 40, 15, 25]
                ]
            }
        });
    </script>
</body>
</html>

但我建议从相应的网站或GitHub项目获得稳定的版本。