Javascript 如何在highstock基本线图上绘制多条线?
我想为您的库的这种类型的图形绘制多条线: 我在网上找到了这个样本: 下面你可以看到我的html文件。我试过做几件事,但都做不到。我怎样才能使我的图表也能画多条线呢?(用于ipad应用程序项目)Javascript 如何在highstock基本线图上绘制多条线?,javascript,jquery,highcharts,highstock,Javascript,Jquery,Highcharts,Highstock,我想为您的库的这种类型的图形绘制多条线: 我在网上找到了这个样本: 下面你可以看到我的html文件。我试过做几件事,但都做不到。我怎样才能使我的图表也能画多条线呢?(用于ipad应用程序项目) Timur Aykut YILDIRIM高级项目-IH技术 var serviceDataURL=”http://xx.xx.xxx.xxx:83/get_item_data_ios?generic="; 函数集字典(x){ 返回x; }//不需要这个方法 var dict=“web服务查询字符串将在此
Timur Aykut YILDIRIM高级项目-IH技术
var serviceDataURL=”http://xx.xx.xxx.xxx:83/get_item_data_ios?generic=";
函数集字典(x){
返回x;
}//不需要这个方法
var dict=“web服务查询字符串将在此处”;
$(函数(){
$.getJSON(serviceDataURL.concat(dict),函数(data){
//创建图表
window.chart=新的Highcharts.StockChart({
图表:{
renderTo:“容器”
},
导航:{
按钮选项:{
启用:false,
宽度:60
}
},
范围选择器:{
按钮间距:20,
buttonTheme:{//Q、Y、YTD和所有按钮的样式
填写:'无',
笔划:“无”,
“笔划宽度”:15,
风格:{
颜色:'#039',
fontWeight:“粗体”
},
国家:{
悬停:{},
选择:{
填写:“#039”,
风格:{
颜色:“白色”
}
}
}
},
所选:3,//3=首先为所有buton
inputDateFormat:“%Y-%m-%d”,
InputitDateFormat:“%Y-%m-%d”,
按钮:[
{
键入:“月”,
计数:3,
文字:“QQ”
},
{
类型:'年',
计数:1,
文字:“YY”
},
{
类型:“ytd”,
文字:“YTD”
},
{
键入:“全部”,
文字:“全部”
},
]
},
标题:{
文字:“我的总市场”
},
学分:{
正文:“,
href:“,
},
系列:[{
名称:'总市场',
数据:arr,
工具提示:{
数值小数:2
}
}],
出口:{
已启用:false
}
},功能(图表){
//应用日期选择器
setTimeout(函数(){
$('input.highcharts范围选择器').attr('readonly',1);//burda webviewıEngeledik
$('input.highcharts范围选择器',$('#'+chart.options.chart.renderTo))
},0)
});
});
});
//]]>
现在您有:
series : [{
name : 'Total Market',
data : arr,
tooltip: {
valueDecimals: 2
}
}]
所以在序列中只有一个对象。如果您想要多个系列,则应如下所示:
series : [{
name : 'Total Market I',
data : arr_1,
tooltip: {
valueDecimals: 2
}
},{
name : 'Total Market II',
data : arr_2,
tooltip: {
valueDecimals: 2
}
}]
编辑:
要添加多个系列,请将它们推送到阵列:
var mySeries = [];
mySeries.push({
name : 'Total Market I',
data : arr_1
});
mySeries.push({
name : 'Total Market II',
data : arr_2
});
mySeries.push({
name : 'Total Market III',
data : arr_3
});
然后创建图表:
series: mySeries
您好,谢谢您的帮助,但我的图表有1-6行不同。所以在最大值中,我将显示6行。这最多只包括两行好吧,我很困惑。上面的一个示例就是如何将另一个系列添加到
series
数组中。如果你有更多的系列,就把更多的推到那里。例如,请参见my edit.so;我只需要写mySeries.push({name:'totalmarketiii',data:arr_3});6次,如果我在最后2次中没有发送数据,它将在图表上画4行?您可以写这6次,如果arr\u x
将是一个空数组,那么您将得到4行。或者,对于N系列,您可以只向服务器发出一个请求,并对返回的JSON进行迭代,以仅将现有系列填充到series
array。使用一个请求方法是否更好?如果是的话,我该怎么做?我处于一种正在学习的状态。你能给我看看吗?
series: mySeries