问Chartist.js正在抛出一个TypeError: a为空
EN

Stack Overflow用户

提问于 2016-07-18 20:23:21

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

我知道我错过了一些愚蠢的东西。知道为什么我不能渲染我的图表吗？

TypeError:控制台中的a为空错误消息。

<html>
<head>
<title>My first Chartist Tests</title>
  <link rel="stylesheet" href="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css">

 </head>
<body><script src="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>


<script type="text/javascript">

new Chartist.Line('.ct-chart', {
  labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
  series: [
      [12, 9, 7, 8, 5],
       [2, 1, 3.5, 7, 3],
      [1, 3, 4, 5, 6]
      ]
}, {
 fullWidth: true,
 chartPadding: {
    right: 40
 }
});

</script>
<div class="ct-chart ct-perfect-fourth"></div>
 </body>
</html>

javascript

chartist.js

回答 1

Stack Overflow用户

发布于 2016-07-18 20:49:58

实例化

您应该在dom完全loaded.try之后执行js代码，在div之后移动脚本(主体结束)。

<html>
    <head>
        <title>My first Chartist Tests</title>
        <link rel="stylesheet" href="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.css">

    </head>
    <body>
        <div class="ct-chart ct-perfect-fourth"></div>

        <script type="text/javascript" src="//cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>

        <script type="text/javascript">

            new Chartist.Line('.ct-chart', {
                labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
                series: [
                    [12, 9, 7, 8, 5],
                    [2, 1, 3.5, 7, 3],
                    [1, 3, 4, 5, 6]
                ]
            }, {
                fullWidth: true,
                chartPadding: {
                    right: 40
                }
            });

        </script>
    </body>
</html>

票数 2

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

原文链接：

https://stackoverflow.com/questions/38445389

复制

相似问题

问Chartist.js正在抛出一个TypeError: a为空
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chartist.js正在抛出一个TypeError: a为空EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chartist.js正在抛出一个TypeError: a为空
EN