我是否需要安装任何程序才能运行Highchart？

我正在写一个简单的程序，它将打印高图，但只有一个空白页。我是否需要安装任何程序才能运行Highchart？

我的代码：

<!DOCTYPE HTML> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="Highcharts-2.2.2/js/highcharts.js"></script><script type="text/javascript">$(document).ready(function()var options={chart:{renderTo:'container',type:'spline'},title:{text:'survey data'},subtitle:{text:'from survey form'}, 
xAxis:{categories:['Jan 2008','Feb 2008','March 2008','April 2008','May 2008'],tickInterval:3}, 
yAxis:{title:`text:'Percentage %'},min:0 
},plotOptions:{series:{lineWidth:2}},series:[{name:'Internet Explorer',data:[54.7,54.7,53.9,54.8,54.4,60.1,64.3,66.1]},{name:'FireFox',data:[36.7,36.1,37.0,39.1,39.8,40.1,43.7]},{name:'Safari',data:[1.9,2.0,2.1,2.2,2.4,2.6,2.8]},{ 
name:'Opera',data:[1.4,1,4,1.4,1.4,1.4,1.5,1.7,1.9]}]});}); 
     </script> 
    </head> 
    <body> 
     <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"> </div> 
    </body> 
</html>

我在XAMPP运行此作为localhost/folder_name/file_name.php

来源

2015-12-03 Anuprita Kasbekar Deshmukh

我想你已经设置了HighChart选择，但我没有看到任何初始化代码，你可能想要把在你的代码中有这样的东西

chart = new Highcharts.Chart(options);

来源

2015-12-03 02:10:30 thepiyush13

我加入 'VAR图表=新Highcharts.Chart（选项）;'但仍然不工作:( –

你的jQuery的就绪功能看起来不正确：$（document）.ready（function（）{ var options .....}）; – thepiyush13

你有一些逗号/括号的语法错误。

$(document).ready(function() { 
    var options = { 
     chart: { 
     renderTo: 'container', 
     type: 'spline' 
     }, 
     title: { 
     text: 'survey data' 
     }, 
     subtitle: { 
     text: 'from survey form' 
     }, 
     xAxis: { 
     categories: ['Jan 2008', 'Feb 2008', 'March 2008', 'April 2008', 'May 2008'], 
     tickInterval: 3 
     }, 
     yAxis: { 
     title: { 
      'text': 'Percentage %' 
     }, 
     min: 0 
     }, 
     plotOptions: { 
     series: { 
      lineWidth: 2 
     } 
     }, 
     series: [{ 
     name: 'Internet Explorer', 
     data: [54.7, 54.7, 53.9, 54.8, 54.4, 60.1, 64.3, 66.1] 
     }, { 
     name: 'FireFox', 
     data: [36.7, 36.1, 37.0, 39.1, 39.8, 40.1, 43.7] 
     }, { 
     name: 'Safari', 
     data: [1.9, 2.0, 2.1, 2.2, 2.4, 2.6, 2.8] 
     }, { 
     name: 'Opera', 
     data: [1.4, 1, 4, 1.4, 1.4, 1.4, 1.5, 1.7, 1.9] 
     }] 
    }; 

     var chart = new Highcharts.Chart(options); 
    });

固定演示：http://jsfiddle.net/29nm99fo/1/

来源

2015-12-03 10:28:26

没有什么是我刚粘贴你的代码，但仍然空白我不得不添加任何额外的文件，因为我添加了highchart.js和jquery.js，但不是为什么数据没有显示。它非常简单，但挣扎了很多 –

解决了：D finally脚本声明序列是错误的：D感谢大家指导我 –

我是否需要安装任何程序才能运行Highchart？

回答

相关问题