我是否需要安装任何程序才能运行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
答
我想你已经设置了HighChart选择,但我没有看到任何初始化代码,你可能想要把在你的代码中有这样的东西
chart = new Highcharts.Chart(options);
答
你有一些逗号/括号的语法错误。
$(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);
});
+0
没有什么是我刚粘贴你的代码,但仍然空白我不得不添加任何额外的文件,因为我添加了highchart.js和jquery.js,但不是为什么数据没有显示。它非常简单,但挣扎了很多 –
+1
解决了:D finally脚本声明序列是错误的:D感谢大家指导我 –
我加入 'VAR图表=新Highcharts.Chart(选项);'但仍然不工作:( –
你的jQuery的就绪功能看起来不正确:$(document).ready(function(){ var options .....}); – thepiyush13