Raphy Charts - TypeError

我試圖使用Raphy Charts，但不斷收到以下錯誤消息：「TypeError：'null'不是一個對象（評估'a.style'）raphy-chart.min.js：31：452 「Raphy Charts - TypeError

這是代碼（on Github）：

<!DOCTYPE HTML> 
<html> 
    <head> 
    <script type='text/javascript' src='vendor/js/jquery.min.js'></script> 
    <script type='text/javascript' src='vendor/js/raphael.min.js'></script> 
    <script type='text/javascript' src='vendor/js/raphy-charts.min.js'></script> 
    <script> 
     var progress1 = new Charts.CircleProgress('progress-1', 'Sales', 80, 
     { 
     font_color: "#fff", 
     fill_color: "#222", 
     label_color: "#333", 
     text_shadow: "rgba(0,0,0,.4)", 
     stroke_color: "#6a329e" 
     }); 

     progress1.draw() 
    </script> 
    </head> 
    <body> 
    <div id='progress-1' style='width: 300px; height: 100px;'></div> 
    </body> 
</html>

預先感謝您！

來源

2013-11-21 Szabolcs Toth

嘗試：將腳本移至div後的主體。可以提供幫助，因爲它引用了id progres-1 –

謝謝Anto。這有助於我如下所述。 –

不客氣。 –

在加載頁面之前，腳本引用div且編號爲progres-1。腳本具有後div元件被移動：

<div id='progress-1' style='width: 300px; height: 250px;'></div> 

<script> 
var progress1 = new Charts.CircleProgress('progress-1', 'Sales', 80, 
{ 
    font_color: "#fff", 
    fill_color: "#222", 
    label_color: "#333", 
    text_shadow: "rgba(0,0,0,.4)", 
    stroke_color: "#6a329e" 
}); 

progress1.draw() 
</script>

高度設定過低，僅圖表的一部分被示出。更改爲250px

來源

2013-11-21 21:41:53

這麼簡單，我永遠不會想出來。非常感謝您花時間和回答！ –

Raphy Charts - TypeError

回答

相關問題