Javascript JSON和Highcharts
我最近刚开始使用JSON,我无法从Highcharts中绘制任何类型的图表。从上周五开始,我一直在网上阅读,当然,我学到了很多,但现在我绝望了。我只想要一个简单的酒吧和一个馅饼 从我的php文件中,Json_encode打印以下内容:Javascript JSON和Highcharts,javascript,php,ajax,json,highcharts,Javascript,Php,Ajax,Json,Highcharts,我最近刚开始使用JSON,我无法从Highcharts中绘制任何类型的图表。从上周五开始,我一直在网上阅读,当然,我学到了很多,但现在我绝望了。我只想要一个简单的酒吧和一个馅饼 从我的php文件中,Json_encode打印以下内容: [["January",4],["February",9]] 我认为这是正确的格式,字符串带“”而int不带它 这是我正在尝试的代码(我将从我找到的某个web站点中输入整个示例): 例子 $(文档).ready(函数(){ 变量选项={ 图表:{ render
[["January",4],["February",9]]
我认为这是正确的格式,字符串带“”而int不带它
这是我正在尝试的代码(我将从我找到的某个web站点中输入整个示例):
例子
$(文档).ready(函数(){
变量选项={
图表:{
renderTo:'容器',
键入:“列”,
marginRight:130,
marginBottom:25
},
标题:{
文本:“项目请求”,
x:-20/中心
},
副标题:{
文本:“”,
x:-20
},
xAxis:{
类别:[]
},
亚克斯:{
标题:{
文本:“请求”
},
绘图线:[{
值:0,
宽度:1,
颜色:'#808080'
}]
},
工具提示:{
格式化程序:函数(){
返回“+this.series.name+”
+
this.x+':'+this.y;
}
},
图例:{
布局:“垂直”,
对齐:“右”,
垂直排列:“顶部”,
x:-10,
y:100,
边框宽度:0
}, {
系列:[]
}
$.getJSON(“myphpname.php”,函数(json){
options.xAxis.categories=json[0]['data'];
options.series[0]=json[1];
图表=新的高点图表。图表(选项);
});
});
谢谢大家!!!排序的一种方法是分别设置类别和数据:
$(function () {
var options = {
chart: {
renderTo: 'container',
type: 'column'
},
xAxis: {
categories: ["A", "B"]
},
series: [{
data: [
4,9
]
}]
};
chart = new Highcharts.Chart(options);
});
您的getJson可能会返回如下对象:
{
categories:["January","February"],
data:[4,9]
}
然后您的javascript可以设置图表选项,如:
options.xAxis.categories = json.categories;
options.series[0] = json.data;
代码还可以。问题是我使用的是免费的服务器 使用XAMPP,在
localhost
上,它工作得非常完美
谢谢大家!你在php中使用json_encode()和json_NUMERIC_CHECK标志来返回数字吗?可以看到这个图表的实时演示吗?Hi@SebastianBochan感谢你尝试帮助我。在我的php中,我把打印json_encode($rows,json_NUMERIC_CHECK)放在最后。我认为php还可以,因为它返回类似[[“一月”的内容,“2月”,9日]]如果我没有错的话,这是正确的格式。我认为错误在于javascript,但我不知道在哪里。也许getJSON函数是错误的?另一方面,任何图表都是通过这种方式生成的。我发现的唯一解决方案是自己直接放入数据,但我想要一个动态图表!再次感谢!您收到任何er吗rors?你能给我们发送到live demo的链接吗?问题是我没有收到任何东西。Json_encode返回类似[[“一月”,4],“二月”,9]]。我想把它放在一个饼图中,所以我试着这样做:它不起作用,因为没有json,但你可以看到代码。我在这个网站上举了一个代码示例:我的json enconde与示例中的格式相同,但我在某个我不知道的地方迷路了。我认为问题在于get.json。我只想得到一些图表,我不在乎…有人知道这里发生了什么吗?我会很感激!!!感谢你尝试帮助我@SteveP。我很抱歉,但我关于格式化和将JSON从php转换为highcharts javascript的知识仍然很低…我尝试了你的代码。一个列图表显示为值A-B但是,我如何格式化Json对象,比如{categories:[“一月”,“二月”],data:[4,9]},而不是返回我的php Json_编码的[[“一月”,4],“二月”,9]],请原谅我的问题。非常感谢你的帮助。
options.xAxis.categories = json.categories;
options.series[0] = json.data;