USDTAED:Now with the following Code, the json is welling better ,
但是,如果把 cur子放在表面上,一看能够显示系列名称和价值的工具,这些栏目就没有显示在最初的负荷上。 然而,如果浏览器窗户重新使用,则栏目出现。 i 在经过更新的Chart(Chart)之后,试图添加图表;但确实帮助我干iv如下:
<div id="container" style="min-width: 400px ; height: 650; margin:0 auto"></div>
任何想法都请? 而且,不能在黑手提上重新提出这一问题,并且用法、草原和火ox(所有这些都表明这种奇怪的行为)来测试这一问题。
var chart;
options = {
chart: {
renderTo: container ,
type: column ,
},
title: {
text: Some title
},
subtitle: {
text: subtitle
},
xAxis: {
categories: [],
title: {
text: null
}
},
yAxis: {
min: 0,
title: {
text: y-Axis ,
align: high
}
},
tooltip: {
formatter: function() {
return + this.series.name + : + this.y + ;
}
},
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:
[]
};
$(document).ready(function() {
chart= new Highcharts.Chart(options)
console.log("calling update chart");
updateChart();
});
function updateChart() {
$.ajax({
type: "GET",
url: "test.json",
async: false,
dataType: "json",
success: function(data){
console.log(data);
var i=0;
$.each(data,function(index,item){
console.log(data.Chart1[index]);
console.log("i value is "+i);
chart.addSeries(data.Chart1[index]);
i++;
});
}
});
}
}
我的json投入文件如下:
[
{
name: name1 ,
y: [32.6,16.6,1.5]
}, {
name: name2 ,
y: [6.7,0.2,0.6]
}, {
name: name3 ,
y: [1,3.7,0.7]
}, {
name: name4 ,
y: [20.3,8.8,9.5]
},{
name: name5 ,
y: [21.5,10,7.2]
}, {
name: name6 ,
y: [1.4,1.8,3.7]
}, {
name: name7 ,
y: [8.1,0,0]
}, {
name: name8 ,
y: [28.9,8.9,6.6]
}
]