嗨，我遵循highcharts网站上的标准教程。 http://docs.highcharts.com/#your-first-chart 我遵循同样的说明，并编写了这段代码。我没有在屏幕上获得任何输出。请检查，我做了什么错误。高图给出没有输出

最初我试图从网络加载j-query，它没有工作，现在我已经在本地下载它。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
     "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
    <script type= "text/javascript" src="/home/bhavuk/Documents/code/django/jquery/jquery.js"></script> 
    <script type= "text/javascript" src="/home/bhavuk/Documents/code/django/Highcharts/js/highcharts.js"></script> 
    <script type="text/javascript" src="/js/themes/gray.js"></script> 
    <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> 
<title> high charts </title> 
</head> 
<body> 
<div id="container" style="width:100%; height:400px;"></div> 

<p> hey i am learning high charts</p> 
</body> 
</html>

来源

2013-07-17 jugadengg

您是否收到任何错误？添加$（document）.ready（）; –

可能是jQuery的标准变量弄乱了。尝试在脚本的开头添加$ = jQuery.noConflict()。并提供更具体的信息，如;浏览器，jsfiddle，错误如果有的话

来源

2013-07-17 11:32:37 duskpoet

在highcharts的例子中有一个在div中定义的类，而在代码中有一个id被引用。将#container更改为.container修复了它。

Firefox的错误控制台显示了一个＃13错误，它给了神秘的线索。

顺便说一句，必须加载jQuery和highchart之前的高图示脚本。

来源

2013-11-15 10:21:39 Peter

高图给出没有输出

最初我试图从网络加载j-query，它没有工作，现在我已经在本地下载它。

回答

相关问题