将json文件中的多个系列添加到highcharts
请帮忙, 我只知道highcharts、Json和Jquery已经5天了。我有一个Json文件,其中包含关于3组结果的信息。我试着在海图上画3条不同的线。我不知道这个的语法。我知道调用options对象可以添加系列和类别。我不知道实现这一点的语法 以下是迄今为止的代码:将json文件中的多个系列添加到highcharts,json,highcharts,Json,Highcharts,请帮忙, 我只知道highcharts、Json和Jquery已经5天了。我有一个Json文件,其中包含关于3组结果的信息。我试着在海图上画3条不同的线。我不知道这个的语法。我知道调用options对象可以添加系列和类别。我不知道实现这一点的语法 以下是迄今为止的代码: var chart; var eng_data; var data; var options, series; $(document).ready
var chart;
var eng_data;
var data;
var options, series;
$(document).ready(function () {
options = {
chart: {
renderTo: 'container',
zoomType: 'x',
spacingRight: 20
// events: { load: requestData }
},
title: {
text: null
},
subtitle: {
text: document.ontouchstart === undefined ?
'Click and drag in the plot area to zoom in' :
'Drag your finger over the plot to zoom in'
},
xAxis: {
type: 'datetime',
maxZoom: 7 * 24 * 3600000, // 7 days
title: {
text: null
}
},
yAxis: {
title: {
text: 'Percentages'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
shared: true
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
plotOptions: {
area: {
fillColor: {
linearGradient: [0, 0, 0, 300],
stops: [
[0, Highcharts.getOptions().colors[0]],
[1, 'rgba(2,0,0,0)']
]
},
lineWidth: 1,
marker: {
enabled: false,
states: {
hover: {
enabled: true,
radius: 2
}
}
},
shadow: false,
states: {
hover: {
lineWidth: 1
}
}
}
},
series: []
};
});
$.getJSON('eng.txt', function (eng_data) {
for (var i = 0; i < eng_data.length; i++) {
series = {
data: []
};
if (i == 1 && i <= 4) {
// options.addSeries({
data: eng_data[i];
name: "English";
pointInterval: 72 * 3600 * 1000;
pointStart: Date.UTC(2012, 0, 01)
// });
}
if (i == 5 && i <= 8) {
// options.addSeries({
data: eng_data[i];
name: "Maths";
pointInterval: 72 * 3600 * 1000;
pointStart: Date.UTC(2012, 0, 02)
// });
}
if (i == 9 && i <= 12) {
// options.addSeries({
data: eng_data[i];
name: "Science";
pointInterval: 72 * 3600 * 1000;
pointStart: Date.UTC(2012, 0, 03)
// });
}
options.series.push(series);
var chart = new Highcharts.Chart(options);
}
});
var图;
var工程数据;
var数据;
var期权,系列;
$(文档).ready(函数(){
选项={
图表:{
renderTo:'容器',
zoomType:'x',
spacingRight:20
//事件:{load:requestData}
},
标题:{
文本:空
},
副标题:{
text:document.ontouchstart==未定义?
'在绘图区域中单击并拖动以放大':
'将手指拖动到绘图上以放大'
},
xAxis:{
键入:“日期时间”,
maxZoom:7*24*3600000,//7天
标题:{
文本:空
}
},
亚克斯:{
标题:{
文本:“百分比”
},
绘图线:[{
值:0,
宽度:1,
颜色:'#808080'
}]
},
工具提示:{
分享:真的
},
图例:{
布局:“垂直”,
对齐:“右”,
垂直排列:“顶部”,
x:-10,
y:100,
边框宽度:0
},
打印选项:{
面积:{
填充颜色:{
线性半径:[0,0,0,300],
停止:[
[0,Highcharts.getOptions().Color[0]],
[1,‘rgba(2,0,0,0)’]
]
},
线宽:1,
标记:{
启用:false,
国家:{
悬停:{
启用:对,
半径:2
}
}
},
影子:错,
国家:{
悬停:{
线宽:1
}
}
}
},
系列:[]
};
});
$.getJSON('eng.txt',函数(eng_数据){
对于(变量i=0;i