2016-02-14 64 views
0

我想用chartist.js,但我的落實不顯示任何東西:chartist.js庫不顯示任何

http://gionkunz.github.io/chartist-js/getting-started.html

我的代碼(charts.html):

<html> 
    <head> 
    <title>My first Chartist Tests</title> 
    <link rel="stylesheet" 
      href="chartist.min.css"> 
    </head> 
    <body> 
    <!-- Site content goes here !--> 
    <script src="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> 

在哪裏我的錯?

enter image description here 解決

加入這行代碼:

<div class="ct-chart ct-perfect-fourth"></div> 
+0

任何的console.log錯誤? – dvenkatsagar

+0

'TypeError:a is null' –

+0

以及保留它作爲正確的答案... – dvenkatsagar

回答

2

加入這行代碼:

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