無法顯示火花

的jQuery的我想要顯示從迷你圖實際上是一間酒吧graph.I我無法查看it.Also我是新來的jquery一個jquery，無法顯示火花

$("#sparkline").sparkline([5,6,7,2,0,4,2,4], { 
    type: 'bar', 
    height: '300', 
    barWidth: 20, 
    barSpacing: 10, 
    barColor: '#615c5a', 
    nullColor: '#3366cc '});

這是頁面的代碼，也就是與jQuery兼容1.10

<!DOCTYPE html> 
      <html> 
      <head> 
      <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.1.min.js"></script> 
      <script> 
      $("#sparkline").sparkline([5,6,7,2,0,4,2,4], { 
       type: 'bar', 
       height: '300', 
       barWidth: 20, 
       barSpacing: 10, 
       barColor: '#615c5a', 
       nullColor: '#3366cc '}); 
      </script> 
      </head> 

      <body> 
      <div id ="sparkline" /> 
      </body> 
      </html>

附加組件我已經產生火花的代碼

http://omnipotent.net/jquery.sparkline/#s-news

來源

2013-06-26 atari400

您的#sparkline元素尚未加載。試試這個：

 $(document).ready(function(){ 
     $("#sparkline").sparkline([5,6,7,2,0,4,2,4], { 
      type: 'bar', 
      height: '300', 
      barWidth: 20, 
      barSpacing: 10, 
      barColor: '#615c5a', 
      nullColor: '#3366cc '}); 
     });

閱讀：http://api.jquery.com/ready/
請注意，並非所有瀏覽器都喜歡這樣的語法：<div id ="sparkline" />。改爲使用：<div id ="sparkline" ></div>。

更新我看你也忘了，包括sparkline js文件。你需要從here下載它，之後把它上傳到你的服務器，並把它列入你這樣已經包括jQuery的js文件：

<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.1.min.js"></script> 
<script src="jquery.sparkline.js"></script>

來源

2013-06-26 05:53:52 Cherniv

[鏈接]（http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_lib_microsoft）我試過了，但我仍然看不到代碼 – atari400

@ user1853614，我已更新我的答案，現在看看 – Cherniv

謝謝先生！這真的有幫助。肯定會在15投一次:) – atari400

看起來sparkline.js不使用jQuery-1.9.1兼容.min.js及以上。嘗試jquery-1.8.3.min.js它工作完美

來源

2014-08-28 07:04:52 KA07

這也是我的問題！這是沒有記錄在他們的網站 –

我可以證實我使用Sparkline與jQuery v3.0.0，它的工作正常！ – Erik

無法顯示火花

回答

相關問題