Javascript C3.js图形未显示

我正试图做一个图表与C3以下的确切教程从那里的网站。我的HTML文档与c3.css、c3.min.js文件位于同一文件夹中，并且d3.min.js的路径正确

但是，当我在浏览器中加载页面时，我会得到。好像代码无法识别。。有C3经验的人能帮我吗？或者可能是javascript的问题

<!-- Load c3.css -->
<link href="c3.css" rel="stylesheet" type="text/css">

<!-- Load d3.js and c3.js -->
<script src="d3-master/d3.min.js" charset="utf-8"></script>
<script src="c3.min.js"></script>

<div id="chart"></div>

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

var图表=c3.0({
bindto:'图表'，
数据：{
栏目：[
[data1'，30200100400150250]，
[data2'，50，20，10，40，15，25]
],
轴线：{
数据2:'y2'//添加
}
},
轴线：{
y2：{
show:true//ADD
}
}
});

您必须将

脚本

包装在代码周围

<!-- Load c3.css -->
<link href="c3.css" rel="stylesheet" type="text/css">

<!-- Load d3.js and c3.js -->
<script src="d3-master/d3.min.js" charset="utf-8"></script>
<script src="c3.min.js"></script>

<div id="chart"></div>
// Wrap your script by script tag
<script>
var chart = c3.generate({
    bindto: '#chart',
    data: {
      columns: [
        ['data1', 30, 200, 100, 400, 150, 250],
        ['data2', 50, 20, 10, 40, 15, 25]
      ],
      axes: {
        data2: 'y2' // ADD
      }
    },
    axis: {
      y2: {
        show: true // ADD
      }
    }
});

</script>

//按脚本标记包装脚本
var图表=c3.0({
bindto:'图表'，
数据：{
栏目：[
[data1'，30200100400150250]，
[data2'，50，20，10，40，15，25]
],
轴线：{
数据2:'y2'//添加
}
},
轴线：{
y2：{
show:true//ADD
}
}
});