Highcharts圖書館工作不

-1

我現在想只實現從highcharts的例子只是爲了感受一下它和玩耍，但它似乎並不奏效。我試着加載他們的獨立框架，不同版本的jQuery，但圖表不會呈現。這裏是我的代碼：Highcharts圖書館工作不

<!DOCTYPE html> 
<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script src="http://code.highcharts.com/highcharts.js"></script> 
    </head> 
<body> 
<script type="text/javascript"> 
var chart = new Highcharts.Chart({ 
chart: { 
    //alignTicks: false, 
    type: 'line', 
    renderTo: 'container' 
}, 
     $(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'bar' 
     }, 
     title: { 
      text: 'Fruit Consumption' 
     }, 
     xAxis: { 
      categories: ['Apples', 'Bananas', 'Oranges'] 
     }, 
     yAxis: { 
      title: { 
       text: 'Fruit eaten' 
      } 
     }, 
     series: [{ 
      name: 'Jane', 
      data: [1, 0, 4] 
     }, { 
      name: 'John', 
      data: [5, 7, 3] 
     }] 
    }); 
}); 
    </script> 
<div id="container" style="width:100%; height:400px;"></div> 
</body> 
</html>

在此先感謝。

來源

2014-03-07 Jake Ols

圖表不會呈現。 –

它說：「語法錯誤：缺少：物業編號$（函數（）{之後，」但是我不知道是什麼意思 –

現在，我得到「未捕獲的異常：Highcharts錯誤＃13：www.highcharts.com/errors/13 「 –

http://jsfiddle.net/rjreddy78/hgCPa/

<!DOCTYPE html> 
<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script src="http://code.highcharts.com/highcharts.js"></script> 
    </head> 
<body> 
<script type="text/javascript"> 
     $(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'bar' 
     }, 
     title: { 
      text: 'Fruit Consumption' 
     }, 
     xAxis: { 
      categories: ['Apples', 'Bananas', 'Oranges'] 
     }, 
     yAxis: { 
      title: { 
       text: 'Fruit eaten' 
      } 
     }, 
     series: [{ 
      name: 'Jane', 
      data: [1, 0, 4] 
     }, { 
      name: 'John', 
      data: [5, 7, 3] 
     }] 
    }); 
}); 
    </script> 
<div id="container" style="width:100%; height:400px;"></div> 
</body> 
</html>

來源

2014-03-07 02:53:52 AjayR

只需更改圖表類型到「線」如果需要的話，它應該工作 – AjayR

您需要添加

$(function() { 
    //chart code 
});

或

$(document).ready(function(){ 
    //chart code 
});

來源

2014-03-07 10:16:15

Highcharts圖書館工作不

回答

相關問題