文章/答案/技术大牛

发布

社区首页 >问答首页 >C3.js线图误差

问C3.js线图误差
EN

Stack Overflow用户

提问于 2017-02-09 05:32:42

回答 1查看 1.2K关注 0票数 1

我正在使用这段代码生成一个C3.js linechart，但是在控制台中遇到了一个错误，如

未定义的ReferenceError: c3未在index.html中定义

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>C3Charts</title>
  <script>
    //Column data
    var chart = c3.generate({
      bindto: '#chart',
      data: {
        columns: [
          ['data1', 30, 200, 100, 400, 150, 250],
          ['data2', 50, 20, 10, 40, 15, 25]
        ]
      }
    });
  </script>
</head>

<body>

  <div id="chart">

  </div>

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

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

</html>

寻找解决方案

d3.js

c3.js

javascript

回答 1

Stack Overflow用户

发布于 2017-02-09 05:32:42

你的位置出了问题

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

它目前位于head标签中。

解决方案是在c3.js之后移动脚本标记，然后加载<div id="chart"></div>。

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42128968

复制

相似问题

问C3.js线图误差
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问C3.js线图误差EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问C3.js线图误差
EN