如何在PHP中使用HighCharts调用函数生成图形
我开始学习PHP,JavaScript,JQuery如何在PHP中使用HighCharts调用函数生成图形,php,javascript,highcharts,Php,Javascript,Highcharts,我开始学习PHP,JavaScript,JQuery 我需要做一个图表,我要用海图。我有一张有3个选择和一个按钮的表格。当我按下按钮时,我想显示图形。生成图形的函数在示例中,但我不知道是否需要将该函数放入另一个PHP文件或JavaScript文件中,如何调用该函数以及如何传递参数… 生成图形的代码如下所示: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquer
我需要做一个图表,我要用海图。我有一张有3个选择和一个按钮的表格。当我按下按钮时,我想显示图形。生成图形的函数在示例中,但我不知道是否需要将该函数放入另一个PHP文件或JavaScript文件中,如何调用该函数以及如何传递参数…
生成图形的代码如下所示:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'bar'
},
title: {
text: 'Historic World Population by Region'
},
subtitle: {
text: 'Source: Wikipedia.org'
},
xAxis: {
categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'],
title: {
text: null
}
},
yAxis: {
min: 0,
title: {
text: 'Population (millions)',
align: 'high'
},
labels: {
overflow: 'justify'
}
},
tooltip: {
formatter: function() {
return ''+
this.series.name +': '+ this.y +' millions';
}
},
plotOptions: {
bar: {
dataLabels: {
enabled: true
}
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -100,
y: 100,
floating: true,
borderWidth: 1,
backgroundColor: '#FFFFFF',
shadow: true
},
credits: {
enabled: false
},
series: [{
name: 'Year 1800',
data: [107, 31, 635, 203, 2]
}, {
name: 'Year 1900',
data: [133, 156, 947, 408, 6]
}, {
name: 'Year 2008',
data: [973, 914, 4054, 732, 34]
}]
});
});
});
</script>
<script src="../../js/highcharts.js"></script>
<script src="../../js/modules/exporting.js"></script>
$(函数(){
var图;
$(文档).ready(函数(){
图表=新的高点图表。图表({
图表:{
renderTo:'容器',
类型:'bar'
},
标题:{
正文:“按区域分列的历史世界人口”
},
副标题:{
文本:“来源:Wikipedia.org”
},
xAxis:{
类别:[“非洲”、“美洲”、“亚洲”、“欧洲”、“大洋洲”],
标题:{
文本:空
}
},
亚克斯:{
分:0,,
标题:{
正文:“人口(百万)”,
对齐:“高”
},
标签:{
溢出:'justify'
}
},
工具提示:{
格式化程序:函数(){
返回“”+
this.series.name+':'+this.y+'百万';
}
},
打印选项:{
酒吧:{
数据标签:{
已启用:true
}
}
},
图例:{
布局:“垂直”,
对齐:“右”,
垂直排列:“顶部”,
x:-100,
y:100,
浮动:是的,
边框宽度:1,
背景颜色:“#FFFFFF”,
影子:对
},
学分:{
已启用:false
},
系列:[{
名称:“1800年”,
数据:[107,31635203,2]
}, {
名称:"1900年",,
数据:[133156947408,6]
}, {
名称:"二零零八年",,
数据:[9739144054732,34]
}]
});
});
});
因为您不依赖于对服务器的任何ajax调用,所以根本不需要使用PHP。一旦需要与数据库通信或进行其他服务器端处理,就需要PHP了
只需将该代码放入html文件(例如index.html)的主体中,它就可以正常工作。如果我只放入该代码,首先将显示图形,但我需要使用“选择”按钮选择的选项来生成图形。所以,我需要在按下按钮时调用该代码