Geek Answers Handbook

Loading C3.js into an HTML file

I have a lot of problems getting c3 to work on my web page. My code for the graph is right, it just won’t load anything, and I assume that this is because I do not have script src permissions. Does anyone have a start file for using c3 or code that I will need to download. Or is there a CDN I can reference?

+4
source share
1 answer

Here is a quick start file

<!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>

But I would recommend getting stable versions from relevant GitHub sites or projects.

+9
source

More articles:


All Articles