Javascript JSON和Highcharts

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

我最近刚开始使用JSON,我无法从Highcharts中绘制任何类型的图表。从上周五开始,我一直在网上阅读,当然,我学到了很多,但现在我绝望了。我只想要一个简单的酒吧和一个馅饼

从我的php文件中,Json_encode打印以下内容:

[["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;